Question

我有这个个性化的jquery滑块，可以在Chrome中运行得很好，但是当我在Firefox或IE中打开我的网站时，图像变得很大，我在滑块中添加的线条会重叠。你能帮助我吗？

HTML Code:
<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
   <li>
<table border="0" cellspacing="0" cellpadding="0" class="jquery_table">
<tbody>
<tr>
<td>
<CENTER>
<a href="#"><img src="#" alt="img11"><h4 >test</h4></a></CENTER>
<img src="#" alt="#">
<hr width="130%">
   </li>
</td>
</tr>   

           <tr align="center" valign="center">
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                  </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%"></td>
                    <td>$40.00<hr width="100%"></td>
                </tr>
<tr>
<td><a rel="nofollow" href="#"><h2 align="right" valign="top" font-size="20px" font color="#006CCE" font-style="normal">$130.95</h2></a></td>
</tr>
</tbody>
</table>
</ul>
<nav>
    <a href="#">Shoes</a>
    <a href="#">Accessories</a>
    <a href="#">Watches</a>
    <a href="#">Bags</a>
</nav>
</div>

以上只是代码的一部分。它在Chrome上工作正常，所以根据我的编码没有问题，但我不知道为什么它在Firefox中不起作用。如果你还需要更多，请随意问。网站链接是www.dailycrazydeals.com

Answer 1

这对我来说固定在Firefox上。没检查IE：

.mi-slider ul li img {
    width: 100%;
}

仅供参考，我不知道为什么Firefox / IE会在其他浏览器不这样做的时候这样做。出于这个原因，我总是通过使用某个版本的重置文件（例如http://meyerweb.com/eric/tools/css/reset/）来启动我的CSS。这在删除许多（但不是全部）浏览器不一致方面做得很好。

Jquery Slider在Chrome中显示正常但在Firefox中没有显示

1 个答案: