支持情況IE6
NoIE7
NoIE8
YesBugs【CSS對IE6、IE7、IE8支持詳細(xì)的易用的參考】有趣的是 , 該如果不使用隔開各個值的逗號 , IE6和IE7也可以用這個屬性 。(比如 , 使用空格隔開剪切的值 。)
打印頁面中的orphanes和widows示例p {orphans: 4;}p {widows: 4;}描述orphans屬性設(shè)定在打印頁面底部顯示的最少行數(shù) 。而widows 屬性用來設(shè)定打印頁面頭部至少顯示的段落的行數(shù) 。
支持情況IE6
NoIE7
NoIE8
Yes盒子內(nèi)的頁面分割示例#box {page-break-inside: avoid;}描述該屬性設(shè)定分頁是否發(fā)生在一個指定元素內(nèi) 。
支持情況IE6
NoIE7
NoIE8
YesOutline 屬性示例#box {outline: solid 1px red;}描述outline 是outline-style, outline-width, 和outline-color的縮寫 。該屬性要優(yōu)于border屬性 , 因為它不會影響文檔流 , 因而u更有助于調(diào)試布局問題 。
支持情況IE6
NoIE7
NoIE8
Yesdisplay屬性的替代值示例#box {display: inline-block;}描述display 屬性通常設(shè)置為block, inline, 或none 。替代值包括:
inline-blockinline-tablelist-itemrun-intabletable-captiontable-celltable-columntable-column-grouptable-footer-grouptable-header-grouptable-rowtable-row-group 支持情況IE6
NoIE7
NoIE8
Yes處理可折疊空白示例p {white-space: pre-line;}div {white-space: pre-wrap;}描述white-space屬性的pre-line值設(shè)定將多個空白元素折疊為一個空白 , 同時允許明確的設(shè)置斷行 。white-space 屬性的pre-wrap 值不會將多個空白折疊為一個 , 不過也允許明確的設(shè)置斷行 。
支持情況IE6
NoIE7
NoIE8
Yes其它各種技術(shù)@import的媒體類型示例@import url(styles.css) screen;描述就像上面的例子那樣 , 引入的樣式表文件的媒體類型聲明在文件地址的后面 。在該例子中 , 媒體類型是screen 。
支持情況IE6
NoIE7
NoIE8
YesBugs盡管IE6 和IE7 支持 @import , 它們在媒體類型被指定的時候會無效 , 甚至?xí)鹫鼲import規(guī)則無效 。
計數(shù)遞增示例h2 {counter-increment: headers;}h2:before {content: counter(headers) . ;}描述該CSS 技術(shù)允許你自動增加出現(xiàn)在指定元素前面的編號 , 結(jié)合before偽元素一起使用 。
支持情況IE6
NoIE7
NoIE8
Yes生成內(nèi)容的引用字符示例q {quotes: ’ ’;}q:before {content: open-quote;}q:after {content: close-quote;}描述指定用于生成內(nèi)容的引用呼號 , 用于q標(biāo)簽 。
支持情況IE6
NoIE7
NoIE8
Yes重要bug和不兼容性問題下面是在上文中沒有提到的IE6和IE7的眾多bug 。當(dāng)然這個列表不包括在這三個瀏覽器中都不支持的條目 。
IE6 Bugs不支持用樣式設(shè)置abbr 元素不支持以連字符和下劃線開頭的class和ID名select 元素總是出現(xiàn)在堆疊最上面 , 而無視z-index值如果錨點的偽類沒有使用正確的順序(:link, :visited, :hover) , :hover 偽類將無效一個屬性的!important 聲明會被同一規(guī)則中同一屬性的沒有使用!important的第二個聲明覆蓋 。height 表現(xiàn)類似于min-heightwidth 表現(xiàn)類似于min-width左右margin雙倍圓點邊框(dotted)看起來像虛線邊框(dashed)text-decoration的 line-through 值在文字上看起來比別的瀏覽器要高一些有序列表如果有一個固定結(jié)構(gòu)(haslayout為true , 不能設(shè)置li的高度/寬度/zoom等激活haslayout的值) , 序號就不會增加 , 而是保持為1列表元素不支持list-style-type的所有可用的值如果列表條目浮動 , 指定的list-style-image 將不會顯示不完全支持 @font-face某些選擇器會錯誤的匹配注釋和文檔聲明如果一個ID 選擇器結(jié)合一個類選擇器不匹配 , 同樣的ID選擇器結(jié)合不同的類選擇器也將被當(dāng)作不匹配 。IE7 Bugs有序列表如果有一個固定結(jié)構(gòu)(haslayout為true , 不能設(shè)置li的高度/寬度/zoom等激活haslayout的值) , 序號就不會增加 , 而是保持為1列表元素不支持list-style-type的所有可用的值如果列表條目浮動 , 指定的list-style-image 將不會顯示不完全支持 @font-face某些選擇器會錯誤的匹配注釋和文檔聲明 一些在這里沒有提到的IE bug只會在特定環(huán)境發(fā)生 , 而且沒有指定到特定的CSS屬性或值 。查看下面的參考以了解更多問題:
推薦閱讀
- ps選區(qū)哪個鍵
- 如何讓div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等瀏覽器
- 使用IE瀏覽器時右下角狀態(tài)欄中顯示"對象不支持此屬性或方法"的解決辦法
- IE10 CSS Hack介紹及IE11的CSS Hack提前了解
- IE8的css hack9 使用說明
- Hack 只針對IE的寫法
- IE與Firefox中CSS兼容性技巧大全
- 巴塞利斯蛇x極速版和g304對比
- 為什么通過微信號搜索不到對方
- 華為鴻蒙3.0支持暢想10嗎
