Chào mừng đến với Diễn đàn lập trình - Cộng đồng lập trình.
Kết quả 1 đến 6 của 6
  1. #1
    Ngày tham gia
    Sep 2015
    Bài viết
    0

    CSS3 tương thích với Chrome, trình duyệt còn lại không hỗ trợ thì làm thế nào?

    Mình biết vấn đề này thì không thể là tuyệt đối được.
    Vì CSS3, có trình duyệt hỗ trợ, trình duyệt không hỗ trợ.
    Ban đầu khi mình làm chỉ chủ yếu để Chrome chạy (vì mình thích sử dụng Chrome hơn).
    Nhưng giờ muốn up lên để cho các bạn tham khảo (bằng những trình duyệt khác).

    Nên mình up project (chỉ tương thích với Chrome): Download CNPro Project

    Bạn nào rãnh thì giúp mình code lại file: cssMain.css để cho mọi người đều xem tốt nha!
    Cảm ơn bạn nào giúp sửa lại design này!
    Thân!
    (Vào quyền quản trị bằng: Account: admin, Password: admin)

  2. #2
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Cái project bạn gửi đâu phải là CSS3? Bạn có thể sử dụng webkit để detect trình duyệt và đưa ra output phù hợp với nó nếu bạn muốn.

    Nếu bạn sử dụng .NET 2.0 bạn giải nén file ở đính kèm và ném vào thư mục có đường dẫn như sau (ở server, hoặc máy của bạn):
    Windows\Microsoft.NET\Framework\v2.0.50727\CONFIG\ Browsers

    Lúc đó bạn có thể lấy tên trình duyệt Chrome bằng HttpContext.Request.Browser.BrowserName, như các trình duyệt khác.

    PS: Lập trình HTML và CSS là một nghệ thuật, nghệ thuật ở chỗ bạn không phải sử dụng bất kỳ một condition statement nào mà vẫn có thể chạy trên mọi trình duyệt, bao gồm cả IE6. No if, no for, and no while [IMG]images/smilies/lick.gif[/IMG]

  3. #3
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Brian sử dụng CSS3 trong style như: shadow, opacity, radius...
    Khi thể hiện lên trình duyệt chrome thì nó rất đẹp.
    Nhưng sang FF thì radius cho shadow không được.
    Sang IE và Opera thì opacity không được...
    Chưa biết khi lên thiết bị di động thì sẽ còn thê thảm như thế nào nữa.

    Muốn tương thích cho tất cả mọi trình duyệt, mọi thiết bị, nhưng thằng hỗ trợ, thằng không.
    Brian biết là không nên sử dụng CSS3 hiện thời, vì chưa có được tiếng nói chung cho các trình duyệt,
    nên người ta kiểm tra chọn những cái nào tất cả đều hỗ trợ thì thực hiện.

    Nhưng không lẽ mình lại ngồi đợi nó tương thích sao [IMG]images/smilies/thinking.gif[/IMG]
    Nên Brian muốn tìm hiểu xem: nếu là các bạn, các bạn sẽ giải quyết vấn đề này như thế nào? [IMG]images/smilies/kiss.gif[/IMG]

    Biết là khó và không phải dành cho coder [IMG]images/smilies/21.gif[/IMG]
    nhưng với web, bản tính mình tham lam, muốn làm là làm trọn hết mọi thứ: phân tích thiết kế hệ thống, design, code, lên host như thế nào, lên VPS ra làm sao, phân chia web và data sẽ thực hiện như thế nào? Dữ liệu quá lớn có cần phải chia ra nhiều data? Nếu chia như vậy thì sẽ có ưu điểm gì và nhược điểm gì...

    Vậy theo các bạn, mình phải chọn lựa như thế nào?
    1. Quay về cái cũ, chờ đợi cái mới tương thích với tất cả?
    2. Tìm kiếm phương án khác, nếu là trình duyệt này mình sẽ dùng css này. Nếu là trình duyệt khác mình sẽ dùng css khác?
    Và nhiều phương hướng khác nữa. Các bạn giúp Brian nhé! Thân!

  4. #4
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Trích dẫn Gửi bởi brianbui2009
    Brian sử dụng CSS3 trong style như: shadow, opacity, radius...
    Khi thể hiện lên trình duyệt chrome thì nó rất đẹp.
    Nhưng sang FF thì radius cho shadow không được.
    Sang IE và Opera thì opacity không được...
    Chưa biết khi lên thiết bị di động thì sẽ còn thê thảm như thế nào nữa.
    ...
    Anh Brian test thử link sau trên 3 trình duyệt thử xem(FF,Chr, IE):
    1. / Shadow
    http://www.w3schools.com/css3/tryit....ss3_box-shadow
    2. / Opacity
    http://www.w3schools.com/Css/css_image_transparency.asp
    ...n so on..
    Thấy vẫn bình thường mà

  5. #5
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Cái này chắc phải ngồi đợi roài.

  6. #6
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Đúng là a đờ min có khác. [IMG]images/smilies/biggrin.png[/IMG]

 

 

Quyền viết bài

  • Bạn Không thể gửi Chủ đề mới
  • Bạn Không thể Gửi trả lời
  • Bạn Không thể Gửi file đính kèm
  • Bạn Không thể Sửa bài viết của mình
  •