溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

IE8瀏覽器的CSS hack怎么寫

發(fā)布時間：2022-03-09 17:01:24 來源：億速云 閱讀：122 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“IE8瀏覽器的CSS hack怎么寫”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“IE8瀏覽器的CSS hack怎么寫”文章能幫助大家解決問題。

CSS hack區(qū)分如下——注意順序與瀏覽器CSS HACK位置：
CSS hack:區(qū)分IE6，IE7 ，IE8，firefox
區(qū)別不同瀏覽器，CSS hack寫法：
區(qū)別FF與IE6：
background:orange;*background:blue; 解釋：FF只能識別background:orange; IE6識別*background:blue;
區(qū)別IE7與IE6：
background:green !important;background:blue;或者*background:green;_background:blue;
區(qū)別IE6與IE8：
background:orange; /*/background:blue;/**/
區(qū)別IE7與IE8：
background:orange; /*/background:blue;/**/
區(qū)別FF與IE7：
background:orange; *background:green !important;
區(qū)別FF，IE7，IE8，IE6：
background:orange;*background:green important;background:#111\9;_background:blue;
或者使用
區(qū)別FF，IE7，IE8，IE6：
background:orange;*background:green !important;background:#111\9;*background:blue;

CSS Hack實例例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV+CSS各瀏覽器css hack測試,www.億速云.com測試</title>
<style type="text/css">
<!--
.STYLE1 { font-size:18px;color:#FF0000;*color:#00FF00 !important;color:#0000FF \9;*color:#FFFF00;}
.STYLE2,.STYLE3,.STYLE4,.STYLE5{ font-size:14px;}
.STYLE2 {color: #FFFF00}
.STYLE3 {color: #FF0000}
.STYLE4 {color: #00FF00}
.STYLE5 {color: #0000FF}
-->
</style>
</head>
<body>
<span class="STYLE1">我是測試顏色，不在不同瀏覽器下顯示顏色不同哦！-<a href="http://www.億速云.com/">DIV+CSS</a></span><br />

<span class="STYLE2">我是顏色在IE6顯示</span> <br />
<span class="STYLE4">我是顏色在ie7顯示</span> <br />
<span class="STYLE5">我是顏色在ie8顯示</span> <br />
<span class="STYLE3">我是顏色在火狐（firefox）顯示</span>
</body>
</html>

以上代碼你拷貝到一個新建的html文件在不同版本瀏覽器測試就會有不同效果。運用此例子即可解決我們在日常DIV+CSS開發(fā)時候的css hack問題。

同時我們如果不想那么的麻煩來做IE8的css hack，我們只需要在html的<head></head>之間加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，最好加到CSS文件下發(fā)即可，在IE8 下和IE7下顯示內容相同，這樣我們只需區(qū)分IE6、IE7、火狐（firefox）的css hack即可。很多大型站點都采用在head加入此代碼來減少css bug。

關于“IE8瀏覽器的CSS hack怎么寫”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手