IE7 中图像的负绝对定位

发布于 2024-12-09 15:50:53 字数 357 浏览 0 评论 0原文

我有一个网站,其图像绝对位于标题中。看起来它在除 IE6/7 之外的所有地方都可以工作。我的图像绝对定位在具有相对定位的标题内。图像继续压低标题的高度。

/*div*/
#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;}
/*image*/
#bod{position:absolute;top:0px;left:-95px;}

我尝试更改为固定高度,但这搞砸了右侧的购物车项目。

该网站是greatcaesars.com。

如果有人对我可以采取哪些措施来解决此问题提出建议,我将不胜感激。

I have a website with an image that is absolutely positioned in the header. It looks like it's working everywhere but IE6/7. My image is positioned absolutely within a header that has relative positioning. The image continues to push down the height of the header.

/*div*/
#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;}
/*image*/
#bod{position:absolute;top:0px;left:-95px;}

I tried to change to a fixed height but that screwed up the cart item on the right hand side.

The website is greatcaesars.com.

If anyone has a suggestion on what I might do to fix this, I'd appreciate it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

慵挽 2024-12-16 15:50:53

在旧版本的 IE 中,高度的处理方式很像 min-height,而 min-height 根本不起作用。

试试这个:

#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;}
#header{height: 140px;}
html > body #header{height: auto;}

使用 >指示直接子级,旧版本的 IE 无法识别。

In older versions of IE, height is treated a lot like min-height, and min-height doesn't work at all.

Try this:

#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;}
#header{height: 140px;}
html > body #header{height: auto;}

The use of > to indicate immediate children, isn't recognised by older versions of IE.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文