CSS是網(wǎng)頁開發(fā)中常用的一種樣式表語言。在CSS中,不同瀏覽器之間存在很大的差異,即同樣的CSS在不同瀏覽器之間顯示的效果可能有很大的不同。在IE11中,由于瀏覽器內(nèi)核的原因,需要特別注意一些CSS的寫法。
/*1.選擇器后面加上冒號*/ .selector { display: inline-block; /*非IE11瀏覽器支持*/ display:-ms-inline-flexbox; /*IE11瀏覽器支持*/ } /*2.使用-webkit等瀏覽器私有前綴*/ .selector { display: -webkit-flex; display: -ms-flexbox; display: flex; } /*3.使用濾鏡屬性*/ .selector { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE7-8*/ filter: alpha(opacity=50); /*IE9-10*/ opacity: 0.5; /*IE11及其他瀏覽器*/ } /*4.使用偽類選擇器前綴*/ .selector { -ms-scroll-limit-x-max: 0px; /*IE11*/ scrollbar-width: none; /*非IE11瀏覽器*/ } .selector::-webkit-scrollbar { display: none; /*Chrome、Safari、Edge*/ }
通過以上代碼我們可以看出,在IE11中,為了確保CSS的兼容性,需要注意選擇器后面加上冒號、使用瀏覽器私有前綴、使用濾鏡屬性以及使用偽類選擇器前綴等問題。這些方法可以確保CSS在IE11中正確地顯示。