在ie6中無<a>的背景

不知道如何解決它。我試圖根據標籤的類別製作不同的標識。的HTML是：在ie6中無<a>的背景

<div id="header"> 
    <a href="/index.php" id="logo" class="cet"> 
     <h1 id="l">title</h1> 
    </a> 
</div>

和CSS是：

#header { 
    height:204px; 
    background: url(../img/il-01.jpg) no-repeat 400px 2em; 
    position:relative; 
    clear:both; 
} 
#header #logo { 
    display:block; 
    position:absolute; 
    left:2em; 
    top:3em; 
    width:355px; 
    height:107px; 
    overflow:hidden; 
} 
#header #logo.cat { background: url(../img/logo_cat.png) no-repeat -1px top; } 
#header #logo.cet {background: url(../img/logo_cet.png) no-repeat -10px -40px;}

而且如果類設置爲「貓」一切都很好，但如果它被設置爲「CET」我不能看圖像在IE6中。在任何其他瀏覽器中，背景顯示正確。

背景圖像的大小差別不大，它可能是問題嗎？

非常感謝你對你的答案

來源

2010-09-23 M2_

不要使用Internet Explorer 6嗎？ – Joe 2010-09-23 14:44:30

這是否適用於其他瀏覽器？ – jwueller 2010-09-23 14:47:39

我希望我不能使用IE6，但它是俄羅斯一些政治結構的突發奇想* palmface * – 2010-09-23 14:56:09

您不得爲background(-positon)混合長度和關鍵字。舊的CSS版本不允許它，所以舊版瀏覽器可能不支持它。取而代之的

#header #logo.cat { background: url(../img/logo_cat.png) no-repeat -1px top; }

使用

#header #logo.cat { background: url(../img/logo_cat.png) no-repeat -1px 0; }

順便說一句，你需要檢查你的HTML。塊元素（如<h1>）可能不在鏈接內（<a>）。

來源

2010-09-23 14:46:39 RoToRa

但是如果我使用混合長度和關鍵字，就像在'貓'中它在IE6中工作！但'cet'不起作用。 – 2010-09-23 14:52:53

我的意思是，只有2最後是不同的，但'貓'類在IE6中的作品，'cet'不 – 2010-09-23 14:53:57

我不知道你在說什麼。「貓」在你的例子中沒有混合的關鍵字和長度。 – RoToRa 2010-09-23 14:55:35

在ie6中無<a>的背景

回答

相關問題