Javascript Jquery滑块在Chrome中显示正常,但在Firefox中显示不正常
我有一个个性化的jquery滑块,它在Chrome中运行得非常好,但是当我在Firefox或IE中打开我的网站时,图像变得巨大,我在滑块中添加的线条重叠。你能帮我吗Javascript Jquery滑块在Chrome中显示正常,但在Firefox中显示不正常,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个个性化的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"
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>
HTML代码:
每日交易
-
是:
$179.95
保存:
以上只是代码的一部分。它在Chrome上运行良好,因此根据我的说法,编码没有问题,但我不知道为什么它在Firefox中不起作用。如果您还需要什么,请随时询问。
网站链接是www.dailycrazydals.com这为我在Firefox上修复了它。没有检查IE:
.mi-slider ul li img {
width: 100%;
}
仅供参考,我不知道为什么Firefox/IE会这样做,而其他浏览器却没有。出于这个原因,我总是使用重置文件的某个版本(例如)来启动css。这在消除许多(但不是全部)浏览器不一致方面做得很好。我用Firebug直接在浏览器中进行了尝试。如果你在CSS中做这件事,你可能会在CSS的特殊性方面遇到问题。试试宽度:100%!重要的;