日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

CSS在IE6IE7和IE8中的差別介紹( 二 )

云知道


支持情況
IE6
NoIE7
YesIE8
Yes鏈偽類
示例
【CSS在IE6IE7和IE8中的差別介紹】a:first-child:hover {
color: #0f0;
}
描述
偽類可以鏈起來以縮小元素選擇 。上面的例子會(huì)定位每一個(gè)父級(jí)元素下的第一個(gè)a標(biāo)簽，并將hover偽類P應(yīng)用到它上 。
支持情況
IE6
NoIE7
YesIE8
Yes非錨點(diǎn)元素中的:hover
示例
div:hover {
color: #f00;
}
描述
:hover偽類可以應(yīng)用到任何元素的懸停狀態(tài)，而不只是a標(biāo)簽 。
支持情況
IE6
NoIE7
YesIE8
Yes:first-child偽類
示例
div li:first-child {
background: blue;
}
描述
改偽類定位每一個(gè)指定的元素的父級(jí)元素的第一個(gè)子元素 。
支持情況
IE6
NoIE7
YesIE8
YesBugs
IE7中，如果要定位的第一個(gè)子元素之前有HTML注釋，first-child偽類將會(huì)無效 。
:focus偽類
示例
a:focus {
border: 1px solid red;
}
描述
該偽類定位有鍵盤焦點(diǎn)的所有元素 。
支持情況
IE6
NoIE7
NoIE8
Yes:before 和:after 偽類
示例
#box:before {
content: "本段文字在盒子前面";
}
#box:after {
content: "本段文字在盒子后面";
}
描述
這兩個(gè)偽元素分別在指定元素的前面和后面添加生成的內(nèi)容，結(jié)合content屬性一起使用 。
支持情況
IE6
NoIE7
NoIE8
Yes屬性支持
由position產(chǎn)生的實(shí)際大小
示例
#box {
position: absolute;
top: 0;
right: 100px;
left: 0;
bottom: 200px;
background: blue;
}
描述
定義top, right, bottom, 和left 值到絕對(duì)定位的元素上將給這個(gè)元素實(shí)際的大小(寬度和高度)，雖然并沒有設(shè)定使寬度和高度值 。
支持情況
IE6
NoIE7
YesIE8
YesMin-Height 與 Min-Width
示例
#box {
min-height: 500px;
min-width: 300px;
}
描述
這兩個(gè)屬性分別指定元素的寬和高的最小值，允許一個(gè)盒子可以比指定的最小值更大，但是不能更小 。它們兩個(gè)可以一起使用，也可以分開來用 。
支持情況
IE6
NoIE7
YesIE8
YesMax-Height 和Max-Width
示例
#box {
max-height: 500px;
max-width: 300px;
}
描述
這兩個(gè)屬性分別指定元素的高和寬的最大值，允許一個(gè)盒子比這個(gè)指定的最大值小，但是不能更大 。它們也可以同時(shí)使用或者單獨(dú)使用 。
支持情況
IE6
NoIE7
YesIE8
Yes透明邊框顏色
示例
#box {
border: solid 1px transparent;
}
描述
一個(gè)透明的邊框色允許一個(gè)邊框和邊框色可見(或者不透明)時(shí)占用一樣的空間 。
支持情況
IE6
NoIE7
YesIE8
Yes固定位置元素
示例
#box {
position: fixed;
}
描述
position屬性的這個(gè)值允許一個(gè)元素絕對(duì)的相對(duì)于窗口定位 。
支持情況
IE6
NoIE7
YesIE8
Yes固定位置的背景圖
示例
#box {
background-image: url(images/bg.jpg);
background-position: 0 0;
background-attachment: fixed;
}
描述
background-attachment屬性的值為fixed允許一個(gè)背景圖片絕對(duì)地相對(duì)于窗口定位 。
支持情況
IE6
NoIE7
YesIE8
YesBugs
就像position:fixed一樣，IE6同樣不支持background-positon的fixed值。然而，在IE6中只有在這個(gè)值用于根元素的時(shí)候才有效 。
屬性值“inherit”
示例
#box {
display: inherit;

推薦閱讀