Di động:

CSS và các trình duyệt Không rõ

12/05/2013 22:10 | lpag | Lập trình | Nhận xét(0) | Đọc(2886)
   Nguồn: Tự viết || Sưu tầm | Lớn | Vừa | Nhỏ
Hầu hết các trình duyệt (như IE, Opera, Chrome và Safari) bạn có thể thự hiện nội dung css gần giống nhau. Tuy nhiên trong một vài trường hợp sẽ phát sinh các lỗi khác nhau. Như css trong IE các phiên bản hoặc giữa trình duyệt Safari và FireFox...

Highslide JS


Nội dung dưới đây tôi sưu tầm trên mạng từ nhiều nguồn khác nhau. Mong rằng các nội dung sẽ trợ giúp phần nào đó vấn đề với CSS trong việc làm website của các bạn.

Lưu ý: Nội dung nằm giữa các ký tự /* ... */ là comment cho các trình duyệt tương ứng. Để áp dụng bạn cần như sau:
VD với mục này:
/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

Nếu áp dụng trong file .css của bạn sẽ thay bằng:
html[xmlns*=""] body:last-child [tên class hoặc id] { nội dung thuộc tính css của class hoặc id}

Nội dung đây:

/* IE6 and below */
* html #uno  { color: red }

/* IE7 */
*:first-child+html #dos { color: red }

/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez  { color: red  }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red  }
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red  }

/* Everything but IE6-8 */
:root *> #quince { color: red  }

/* IE7 */
*+html #dieciocho {  color: red }

/* Firefox only. 1+ */
#veinticuatro,  x:-moz-any-link  { color: red }

/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  { color: red  }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; }

  Đánh giá nội dung
Vui lòng đánh giá nội dung này nếu bạn thấy hay. Cám ơn bạn!

Bài viết số 1017 đã được: 6.2/10 (9 Đánh giá)

Bài viết liên quan Bài viết ngẫu nhiên
Dùng thử mã nguồn Swift của Apple ngay trên trình...
9 ngôn ngữ lập trình "xưa như trái đất" có...
12 lập trình viên nổi tiếng nhất đương đại -...
Học lập trình Android cơ bản bắt đầu từ tải...
[WP8] Đọc file từ thẻ nhớ SDCard
Viết ứng dụng Windows Phone chỉ trong 60 phút
Javascript – Chàng hiệp sĩ toàn năng
Thu âm cuộc gọi với hàm MixMonitor() trong Asterisk
Quản lý cuộc gọi theo thời gian với hàm GotoIfTime()...
Nén Javascript và CSS thế nào?
Bí quyết để PC cũ chạy...
Hướng dẫn cách chọn smartphone chụp...
Vấn đề Scam trong thế giới...
A Bootable USB 0.9.5.471 _ Tạo...
90 ngày sử dụng bộ phần...
Em rửa chén đi, thế giới...
Seven Transformation Pack 4.0
Chơi game trên trình duyệt Chrome...
Cuốc xe đêm
Sử dụng iPhone để điều khiển...
Nếu bạn thấy bài viết hay vui lòng Bookmark bài viết. Cám ơn bạn!

Bookmark and Share
Edit & develop by LPAg v1.0.3.1376006758 [+] Từ khóa: LPAg, Computer, Mobile, Software, Hardware