Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery滑块在Chrome中显示正常,但在Firefox中显示不正常_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery滑块在Chrome中显示正常,但在Firefox中显示不正常

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"

我有一个个性化的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>
HTML代码:
每日交易

  • 是: $179.95 保存:
以上只是代码的一部分。它在Chrome上运行良好,因此根据我的说法,编码没有问题,但我不知道为什么它在Firefox中不起作用。如果您还需要什么,请随时询问。
网站链接是www.dailycrazydals.com

这为我在Firefox上修复了它。没有检查IE:

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

仅供参考,我不知道为什么Firefox/IE会这样做,而其他浏览器却没有。出于这个原因,我总是使用重置文件的某个版本(例如)来启动css。这在消除许多(但不是全部)浏览器不一致方面做得很好。

我用Firebug直接在浏览器中进行了尝试。如果你在CSS中做这件事,你可能会在CSS的特殊性方面遇到问题。试试宽度:100%!重要的;