主頁(yè) > 知識(shí)庫(kù) > 當(dāng)ie7不認(rèn)!important之后 [布局的解決辦法]

當(dāng)ie7不認(rèn)!important之后 [布局的解決辦法]

熱門(mén)標(biāo)簽:沈陽(yáng)智能外呼系統(tǒng)排名 武漢人工外呼系統(tǒng) 山西旅游景地圖標(biāo)注 移動(dòng)400辦理電話 荒野大鏢客2地圖標(biāo)注怎么變中文 蘇州通信外呼系統(tǒng)多少錢(qián) 中國(guó)地圖標(biāo)注各省份 北川縣地圖標(biāo)注 上古卷軸5地圖標(biāo)注mod
在IE7之前,我們?cè)诓季謺r(shí)常用!important來(lái)解決IE和FF之間的差別; 但是在IE7出來(lái)之后,!important對(duì)IE7就不起作用了,而有些時(shí)候IE7的解釋方法又與FF和IE6不同;這時(shí)新的問(wèn)題就出現(xiàn)了;用!important可以解決IE6但是解決不了IE7; 這樣在不同的瀏覽器中看到的同一個(gè)網(wǎng)頁(yè)的效果就不同了;

這是前天作布局時(shí)的一個(gè)問(wèn)題;可以先看一下效果;http://www.zishu.cn/blogview.asp?logID=553 

或者運(yùn)行一下下邊的代碼也可以同樣看到效果:
復(fù)制代碼 代碼如下:

!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=utf-8" />
title>zishu.cn test/title>
style>
body{ font-size:12px; line-height:1.8; font-family:Verdana, "宋體", Arial,Sans; text-align:center; background:#FFF; color:#666; margin:50px; padding:0; list-style:none; }
a:link,a:visited{color:#000099; text-decoration: underline;}
a:hover,a:active{color:#000;text-decoration: none;}
#zishu_test li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none }
#zishu_test li a{border-right:1px solid #fff;border-bottom:1px solid #fff; width:100px; height:110px; background:#fff;display:block; padding-top:10px; margin:auto}
#zishu_test li img{ width:75px; height:75px; display:block; text-align:center; margin:auto; background:#FFF; padding:3px; border:1px solid #D8A18B;}
#zishu_test li span{display:none;}
#zishu_test li a:hover span{ margin-top:-10px;display:block; border-bottom:1px solid #666; border-right:1px solid #666; background:#FA9000; width:100px; color:#FFF; position:absolute; } 
* html #zishu_test li a:hover span {margin-left:-8px; } /* IE6 */ 
*+html #zishu_test li a:hover span {margin-left:-8px; }/* IE7*/ 
#zishu_test li a:hover{ border-right:1px solid #D8A18B;border-bottom:1px solid #D8A18B; width:100px; height:110px; background:#F5F5F5;display:block; padding-top:10px;} 
/style>
/head>
body>
div id="zishu_test">
  ul>
    li>a >pixu/a>/li>
    li>a >秀才/a>/li>
    li>a >透露/a>/li>
    li>a >LIVID/a>/li>
    li>a >老孟/a>/li>
    li>a >小玉/a>/li>
    li>a >pixu/a>/li>
  /ul>
/div>
/body>
/html>

在這個(gè)例子中,如果我把
 程序代碼
*+html #zishu_test li a:hover span {margin-left:-8px; }/* IE7*/ 
這行刪除;那么在IE7中;就會(huì)有差別了;

為了解決這個(gè)問(wèn)題,我看了;http://www.blueidea.com/tech/site/2006/3626.asp 里邊的一種方法; 但是如果程序員和布局人不是同一個(gè)人的話;這樣的方法很不好控制; 于是才有了下邊的方法;

以下是代碼; 
 程序代碼
復(fù)制代碼 代碼如下:

* html #zishu_test li a:hover span {margin-left:-8px; } /* IE6 */  
*+html #zishu_test li a:hover span {margin-left:-8px; }/* IE7*/  

這是針對(duì)IE6和IE7的兩種方法;
“*+html”被ie7與ie5.01所使用,而區(qū)分ie7與ie5.01又有很簡(jiǎn)單的方法,便是important,把important寫(xiě)在前面,這樣才能形成了單獨(dú)針對(duì)ie7 hack的方法了。

比如:

*+html div.IE7 { 
width:200px; !important; 
width:100px;
}

標(biāo)簽:遼源 陽(yáng)泉 邯鄲 喀什 濱州 海東 東莞 南充

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《當(dāng)ie7不認(rèn)!important之后 [布局的解決辦法]》,本文關(guān)鍵詞  當(dāng),ie7,不認(rèn),important,之后,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《當(dāng)ie7不認(rèn)!important之后 [布局的解決辦法]》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于當(dāng)ie7不認(rèn)!important之后 [布局的解決辦法]的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章