因為不同的瀏覽器對CSS的解析有一定的差異,所以我們需要對不同瀏覽器設置不同的CSS,以達到同樣的效果。
在CSS中,我們可以使用一些屬性來針對不同瀏覽器設置不同的效果。比如,常用的針對IE瀏覽器設置的屬性有:
/* 針對IE瀏覽器6及以下版本的hack方式 */ * html { 屬性: 值; } /* 針對IE瀏覽器7的hack方式 */ *:first-child+html { 屬性: 值; } /* 針對IE瀏覽器6及以上版本的hack方式 */ @media screen\9 { 屬性: 值; }
針對其他瀏覽器的設置,可以使用一些CSS前綴來實現。比如,常用的前綴有:
/* Safari和Chrome瀏覽器前綴 */ -webkit-屬性: 值; /* Firefox瀏覽器前綴 */ -moz-屬性: 值; /* Opera瀏覽器前綴 */ -o-屬性: 值; /* IE瀏覽器前綴 */ -ms-屬性: 值;
有了上述針對不同瀏覽器的設置,我們就可以輕松地實現同樣的效果,而不必擔心不同瀏覽器出現的問題。
上一篇css設置不規則圓