Question

网页css样式调用图片在IE显示不出来，其他浏览器能正常显示

css样式里面的代码
li#book1 {
background: url("../2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 164px;
width: 277px;
}
li#book2 {
background: url("../1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 164px;
width: 250px;
}
li#book3 {
background: url("../3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 164px;
width: 286px;
margin-left: 30px;
}

element.style {
height: 200px;
margin-left: 170px;
margin-top: 20px;
width: 120px;
}
ul, ol {
list-style: none outside none;
}

前台代码：

<div class="index-product style-2">
<div>
<h3 class="title">
<span class='myCorner' data-corner='top 5px'>项目</span>
</h3>
</div>
<div>
<ul>
<li id="book1" style="float:left" ><div style="margin-left: 200px; height: 200px; width: 120px; margin-top: 20px;">
<strong>服务</strong><br>    图片右侧文字的...<strong></strong></div></font></li>

<li id="book2" style="float:left"><div style="margin-left: 170px; height: 200px; width: 120px; margin-top: 20px;">
<strong>服</strong><br>    图片右侧文字<strong>
</strong></div></font></li>

<li id="book3" style="float:left"><div style="margin-left: 200px; height: 200px; width: 120px; margin-top: 20px;">
<strong>服务</strong>图片右侧文字</div></font></li>
</ul>
</div>

</div>

Answer 1

把repeat后面的都删除掉 再有就是不要直接从火狐复制样式