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

  1. 首頁(yè) > 云知道 > >

CSS 在IE6, IE7 和IE8中的差別( 二 )

云知道


支持情況IE6
NoIE7
YesIE8
Yes:first-child偽類(lèi)示例div li:first-child {background: blue;}描述改偽類(lèi)定位每一個(gè)指定的元素的父級(jí)元素的第一個(gè)子元素 。
支持情況IE6
NoIE7
YesIE8
YesBugsIE7中，如果要定位的第一個(gè)子元素之前有HTML注釋?zhuān)琭irst-child偽類(lèi)將會(huì)無(wú)效 。
:focus偽類(lèi)示例a:focus {border: 1px solid red;}描述該偽類(lèi)定位有鍵盤(pán)焦點(diǎn)的所有元素 。
支持情況IE6
NoIE7
NoIE8
Yes:before 和:after 偽類(lèi)示例#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í)際的大小(寬度和高度)，雖然并沒(méi)有設(shè)定使寬度和高度值 。
支持情況IE6
NoIE7
YesIE8
YesMin-Height 與 Min-Width示例#box {min-height: 500px;min-width: 300px;}描述這兩個(gè)屬性分別指定元素的寬和高的最小值，允許一個(gè)盒子可以比指定的最小值更大，但是不能更小 。它們兩個(gè)可以一起使用，也可以分開(kāi)來(lái)用 。
支持情況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è)邊框和邊框色可見(jiàn)(或者不透明)時(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;}描述將值inherit 應(yīng)用到一個(gè)屬性那個(gè)允許一個(gè)元素從它的包含元素繼承計(jì)算的值 。
支持情況IE6
NoIE7
NoIE8
YesBugsIE6 和IE7 不支持inherit 值除了direction 和visibility 屬性 。
表格單元的邊框空白示例table td {border-spacing: 3px;}描述該屬性設(shè)置相鄰的表格單元的邊框之間的空白 。
支持情況IE6
NoIE7
NoIE8
Yes在表格中渲染空單元格示例table {empty-cells: show;}描述該屬性，只應(yīng)用于元素的display屬性被設(shè)置為 table-cell的元素，允許空單元格渲染他們的邊框和背景 。否則，它們將不可見(jiàn) 。
支持情況IE6
NoIE7
NoIE8
Yes表格標(biāo)題的水平位置示例table {caption-side: bottom;}描述這個(gè)屬性允許將一個(gè)表格的標(biāo)題放到表格的底部默認(rèn)是頭部 。
支持情況IE6
NoIE7
NoIE8
Yes修剪區(qū)域示例#box {clip:rect(20px, 300px, 200px, 100px)}描述該屬性指定一個(gè)盒子的一個(gè)區(qū)域可見(jiàn)，剩下的部分修剪掉，或者不可見(jiàn) 。
支持情況IE6
NoIE7
NoIE8
YesBugs有趣的是，該如果不使用隔開(kāi)各個(gè)值的逗號(hào)，IE6和IE7也可以用這個(gè)屬性 。(比如，使用空格隔開(kāi)剪切的值 。)
打印頁(yè)面中的orphanes和widows示例p {orphans: 4;}p {widows: 4;}描述orphans屬性設(shè)定在打印頁(yè)面底部顯示的最少行數(shù) 。而widows 屬性用來(lái)設(shè)定打印頁(yè)面頭部至少顯示的段落的行數(shù) 。

推薦閱讀