2011-04-20 75 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

这是一幅图像放置在文本旁边,还是要替换文本?

如果是为了替换文字,你给了这个宽度/高度和显示块吗?