我已经构建了一个
Javascript轮播,当用户单击左箭头或右箭头时,在支架DIV内滚动UL,溢出设置为隐藏.
HTML如下:
<div id="promo-carousel-holder"> <ul> <li class="promo-item"> <img src="_includes/images/promo-tyre-image.jpg" alt="" /> <h4><strong>30% off</strong> Title</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> </li> <li class="promo-item"> <img src="_includes/images/promo-tyres-image.jpg" alt="" /> <h4><strong>30% off</strong> Title</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> </li> <li class="promo-item"> <img src="_includes/images/promo-tyre-image.jpg" alt="" /> <h4><strong>30% off</strong> Title</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> </li> </ul> </div>
在IE6,IE7,Firefox,Opera,Chrome和Safari中一切正常,但在IE8中,P标签内的文本底线不服从溢出:隐藏,尽管其余内容遵守规则.
我已经环顾四周,但似乎无法找到任何关于这个特殊错误的提及.有没有其他人遇到类似的东西?
解决方法
啊,事实证明我把DIV设置为绝对定位.将其更改为亲戚并且有效.不确定我是如何忽视这一点的.奇怪的是IE8是唯一一个引起问题的浏览器!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。