工作,我有以下CSS3代碼:如何更換數據屬性(數據 - *)在CSS3,使他們在CSS2.1
[data-class=float1]
{
width: 100%;
float: none;
margin: 0 0 0.1rem 0;
}
現在,我想我的頁面工作IE7/IE8,和他們不支持CSS3,我需要找到替代此代碼在CSS2.1提前
感謝
工作,我有以下CSS3代碼:如何更換數據屬性(數據 - *)在CSS3,使他們在CSS2.1
[data-class=float1]
{
width: 100%;
float: none;
margin: 0 0 0.1rem 0;
}
現在,我想我的頁面工作IE7/IE8,和他們不支持CSS3,我需要找到替代此代碼在CSS2.1提前
感謝
沒有CSS2.1等效rem
在CSS3所以你將有一個位與此有關的麻煩。但如果你指的是數據屬性,CSS2.1支持它們就好了,因爲屬性選擇器是在CSS2.1中引入的。 CSS3中有新的屬性選擇器,但是你使用的並不是新的。
這裏真正的問題是rem
單位,其中有limited support(在IE 8或更早版本中不支持)。在大多數情況下,使用em
單元可以輕鬆替換它,只需注意嵌套元素的字體大小設置的可能影響即可。請記住em
單位等於當前元素的字體大小。
感謝您的信息。還有一件事,因爲這些屬性是HTML5的一部分,所以它們將在IE7/IE8中得到支持。如果不是那麼最好的選擇? – Jash
@Jash:他們應該被支持。如果不是,唯一的選擇是添加一個具體的'class'而不是使用數據屬性。 – BoltClock
在IE 7中,像'[data-class = float1]'這樣的選擇器工作得很好,只要它處於標準模式(但是再次,即使IE 9不支持奇怪模式)。您甚至可以使用自己的屬性名稱和選擇器,如'[foo = bar]',因爲瀏覽器中的CSS支持並不關心HTML *中允許的不同版本。 –