gpt4 book ai didi

css - 修复了 IE9 下的菜单中断

转载 作者:行者123 更新时间:2023-11-28 18:52:44 26 4
gpt4 key购买 nike

所以,我在为我阿姨设计的网站上遇到了问题。请注意,我已经有一段时间没有从头开始开发网站了(这些天我主要使用 Wordpress 主题)。所以最近几天我一直在重新学习 CSS 和 HTML5。也就是说,我一直遇到问题并返回到 TABLES 进行布局(我知道,我知道,上帝保佑我)。

虽然我最终会将此布局移动到纯 CSS,但她的最新书有截止日期,所以我需要加紧设计(因此,表格)。我还使用 Boilerplate 作为起点。

目前,一切正常,除了 IE9 中的一个非常烦人的怪癖。

我制作的固定菜单在 IE9 中失效。它不再像在其他任何地方那样跨越整个页面宽度,而是从页面内容的边缘开始。

页面:www.evastachniak.com

奇怪的是,这个问题在 IE8 或 IE7 中都没有出现。关于我做错了什么的任何想法。

这是固定菜单的代码:

<div id="container" > OLD SCHOOL TABLED MENU </div>

这是归因于它的 CSS:

#container {width:100%;
height:40px;
background:#8a282c;
position:fixed;
-webkit-box-shadow: 0px 5px 40px #000;
-moz-box-shadow: 0px 5px 40px #000;
box-shadow: 0px 5px 40px #000;
z-index:100;}

我花了一整天的时间在谷歌上搜索答案,但运气不佳。恐怕这个问题目前超出了我的理解范围。任何帮助,将不胜感激。提前致谢。

最佳答案

听起来你想添加 left: 0px - 你没有指定你想要元素的位置,所以默认情况下它是它在流中的位置。

关于css - 修复了 IE9 下的菜单中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8843228/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com