2011-04-20 132 views
0

嗨,大家好我有我的樣式表中的一些跨瀏覽器問題,即8需要一些幫助修復IE8中的css問題?

下面的CSS在我的鉻/ ff樣式表中工作正常,但它根本不適用於我的ie樣式表。

#threetwoBTN { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG01.png'); 
} 
a#threetwoBTN:hover { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG02.png'); 
} 

在IE中,下面是盡我所能。

#threetwoBTN { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG01.png'); 
} 

我能將我的背景圖像和僅此而已,懸停效果我想,以上的作品完全不IE8工作。下面是我的標籤的結構:

<div class="ContentBody"> 
    <div class="LeftContentBody"> 
     <br/> 
      <!-- another div but ignored for example! --> 
     <br /> 
     <a id="threetwoBTN">Download 32-Bit</a> 
     <p> 
      * ... 
     </p> 

ID集合到每個的一個標籤可以讓我的目標和風格各錨的方式希望它看起來因爲每個標籤都有不同的背景和效果等可有人請幫我解釋一下這個IE相關的問題?

UPDATE:


文本縮進關閉的頁面,因此用戶不會看到錨標籤之間的文本。這意味着按鈕由全部的背景圖像組成。爲了清晰起見,我粘貼在我用來設計錨標籤的css下面。

.LeftContentBody a { 
font-size: 10px; 
text-indent: -1500px; 
width: 124px; 
height: 62px; 
border: 2px solid #000000; 
margin-left: 32px; 
margin-bottom: 32px; 
float: left; 
clear: left; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
} 

回答

2

您應該將屬性href添加到您的標記中,嘗試使用#,它應該與此一起工作,至少它對我有用。

希望它有幫助。

#threetwoBTN 
{ 
    background: #CCC;  
} 
#threetwoBTN:hover { 
    background: #AAA; 
} 

<div class="ContentBody">  
<div class="LeftContentBody">   
    <br/>    
    <!-- another div but ignored for example! -->   
    <br />   
    <a href="#" id="threetwoBTN">Download 32-Bit</a>   
    <p>* ...</p> 
</div> 
</div> 
+0

以上作品在IE8中? – IbrarMumtaz 2011-04-20 17:11:40

+0

如果問題是背景沒有改變你的標籤,是的。 – omabena 2011-04-20 17:19:07

+0

乾杯傢伙,我已經複製它在一個單獨的.html文件,但我需要做一些進一步的測試,看看爲什麼它在我原來的主頁中破壞。它的.aspx的權利應該沒有關係?我在.html文件中做了我的小測試? – IbrarMumtaz 2011-04-20 17:26:36

0

這是一幅圖像放置在文本旁邊,還是要替換文本?

如果是爲了替換文字,你給了這個寬度/高度和顯示塊嗎?