IE6 + IE7 CSS问题与溢出：隐藏；-职位：相对；连击
因此，我为主页创建了一个滑块，该滑块使用jQuery滑动了一些带有标题和预告文本的图像。一切正常，我去检查IE，发现IE 6和IE
7完全杀死了我的滑块CSS。我不知道为什么，但是由于某种原因，我无法隐藏带有溢出的非活动幻灯片。我试图来回调整css，但是还无法弄清楚是什么原因引起的。
我在一个更加孤立的html页面中重新创建了该问题。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da" dir="ltr">
<head>
<style>
body {
width: 900px;
}
.column-1 {
width: 500px;
float: left;
}
.column-2 {
width: 200px;
float: left;
}
.column-3 {
width: 200px;
float: left;
}
ul {
width: 2000px;
left: -499px;
position: relative;
}
li {
list-style: none;
display: block;
float: left;
}
.item-list {
overflow: hidden;
width: 499px;
}
</style>
</head>
<body>
<div class="column-1">
<div class="item-list clearfix">
<ul>
<li class="first">
<div class="node-slide">
<img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
<div class="infobox">
<h4>Title 1</h4>
<p>Teaser 1</p>
</div>
</div>
</li>
<li>
<div class="slide">
<img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
<div class="infobox">
<h4>Title 2</h4>
<p>Teaser 2</p>
</div>
</div>
</li>
<li class="last">
<div class="slide">
<img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
<div class="infobox">
<h4>Title 3</h4>
<p>Teaser 3</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="column-2">
...
</div>
<div class="column-3">
...
</div>
</body>
</html>
我已经找到了
ul {
position: relative;
}
关于导致溢出的ul元素：隐藏不起作用，但是为什么不知道。此外，使用ul上的left属性来滑动滑块，也需要使滑块javascript工作。关于如何解决此问题的任何想法都非常欢迎。
问题答案：
这个问题显然是IE 6 + 7 的已知错误，已在IE8中修复。
为避免这种情况，在这种情况下，您可以替换：
ul {
left: -499px;
position: relative;
}
与：
ul {
margin-left: -499px;
}
但是，这给我在infobox div上使用的背景带来了一些问题，但是对于一些样式技巧我无法解决。
-
问题内容： 因此，我为主页创建了一个滑块，该滑块使用jQuery滑动了一些带有标题和预告文本的图像。一切正常，我去检查IE，发现IE 6和IE 7完全杀死了我的滑块CSS。我不知道为什么，但是由于某些原因，我无法隐藏带有溢出的非活动幻灯片。我试图来回调整css，但是还无法弄清楚是什么原因引起的。 我在一个更加孤立的html页面中重新创建了该问题。 我已经找到了 关于导致溢出的ul元素：隐藏不起作用
-
问题内容： 我需要显示大于其父元素的子元素，但不删除overflow：hidden;。这可能吗？parent元素的 子元素一旦脱离父边界，就会被剥离。 （元素定义了其他的css，我只是为了清楚起见放置了样式属性） 问题答案： 这是完全不可能做到你想要什么都和父..相反，你可以引入额外的儿童并移动到这一点。 HTML： CSS：
-
问题内容： 我们有两个DIV，一个嵌入另一个。如果外部DIV的位置不是绝对的，则内部DIV的位置绝对是不遵守外部DIV所隐藏的溢出的。 是否有机会使内部DIV服从外部DIV的隐藏溢出，而无需将外部DIV设置为绝对位置（因为这会破坏我们的完整布局）？相对于内部DIV的相对位置也不是一种选择，因为我们需要“增长”到表TD（exmple）。 还有其他选择吗？ 问题答案： 制作外，以和内到。它应该为您工作
-
问题内容： 我一直在努力奋斗。我想绝对定位将在div中移动的图像，并希望剪切超出div的任何内容。这是问题的示例： 因此，我希望徽标的右边缘不显示。有想法吗？ 问题答案： 由于图像的容器是绝对放置的，因此它不在“包含” div的范围之内。 您的选择是使用jQuery动态定位相对位置或调整绝对定位div的尺寸。
-
问题内容： 假设您有一些样式和标记： 当您查看此内容时。该有一个在底部的滚动条，即使我已经溢出X / Y指定的可见和隐藏价值。 （在Chrome 11和Opera（？）上观察到 我猜测一定有一些w3c规范或某些东西可以告诉我这种情况的发生，但是对我而言，我无法弄清楚为什么。 更新：- 我找到了一种方法，可以通过添加另一个包裹在周围的元素来达到相同的结果。一探究竟。 问题答案： 在Gecko，Saf
-
如果您看到我共享的代码示例，您可以看到覆盖在盒子外面。我将问题追溯到属性。 我想删除div之外的内容。溢出无法正常工作。（删除过渡有效，但如果可能，我希望保留它） 任何帮助都很感激 代码链接 代码