文章/答案/技术大牛

发布

社区首页 >问答首页 >IE7 CSS/Js Bugs

问IE7 CSS/Js Bugs
EN

Stack Overflow用户

提问于 2009-12-27 22:51:10

回答 1查看 225关注 0票数 0

我在帮一个朋友做一些jquery，还有一些简单的CSS work...but，我不是CSS专家，在IE7中，事情(和往常一样)是个傻瓜--我认为它们在IE8中很好，但是客户端需要它在IE7...ahem中工作。

我忘了提一些具体的问题

主导航器包含一个下拉式。在IE7中，它不起作用。
内容/图片滚动体的行为有点滑稽--在第一个图像周围有一个边框(应该保留为背景图像)。在IE7中，它与第一个图像一起滚动。

你能帮我显示一下我的错误吗！？我不知道是什么问题，但我几乎确定这与CSS有关.

非常欢迎您的建议和想法！耽误您时间，实在对不起!我知道IE有时很痛苦！:)

下面是开发站点链接。

jquery

css

internet-explorer-7

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-12-28 01:56:03

尝试添加到您的style.css：

li.drop-down > A {
    text-indent: -4000px;
    width: 4000px;
}

IE7没有触发鼠标中心事件，可能是因为它看不到具有如此大缩进的元素。添加宽度使其至少在浏览器中更加可见。

编辑：，您也可以在li本身上触发鼠标，而不是锚。

$("li.drop-down").bind("mouseenter",function(){
  var _li=$(this);
  $(".subMenu").slideUp("fast");
  $("."+_li.attr("id")).stop(true, true).slideDown("fast");
});

至于背景边界问题，请尝试将您的UL图像包装在一个普通的DIV中。

<div>
  <ul style="width: 3100px; margin-left: -384.733px;"><li style="margin-left: -620px; float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder4.jpg" alt="Fourth Picture"></li>
    <li style="float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder.jpg" alt="jQueryPlaceHolder"></li>
    <li style="float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder2.jpg" alt="Second Picture"></li>
    <li style="float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder3.jpg" alt="Third Picture"></li>
    <li style="float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder4.jpg" alt="Fourth Picture"></li>
    <li style="float: left;"><img src="Eastside%20Baptist%20Home%20Page_files/jQueryPlaceHolder.jpg" alt="jQueryPlaceHolder"></li>
  </ul>
</div>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1967293

复制

相似问题

问IE7 CSS/Js Bugs
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7 CSS/Js BugsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7 CSS/Js Bugs
EN