CSS不在Internet Explorer中工作:缺少带有锚标签的边界IMG和NAV(但在Firefox中起作用)



我以为我已经为妈妈的狗步行业务创建的网站的标记完成了,但是后来我意识到我的CSS仅在Internet Explorer中部分应用于我的网站。这很奇怪,因为我的CSS显示器中的身体背景图像没有显示我的NAV图像和NAV的锚标签,而我的Divs的边界则在IE中缺少。 一切在Firefox中都可以正常工作。

填充和边缘在IE中也很疯狂。

我已经从人们那里读到,IE通常不太友好地偏向左翼左右填充左侧和诸如此类的paddin-top。它通常更喜欢例如填充:20px;或保证金:30px;但是我不知道那是我做错了什么。我看不出这将使我的边界和导航图像消失在IE中。非常令人沮丧。

url是www.grinningpup.com/dannytesting/grinningpup.com/index.html

我试图编写语义标记。我希望解决方案不是由于我犯了一个愚蠢的错误。

欢迎来到so!

我已经快速查看了您的网站,我可以看到您使用的是您使用的HTML 5个元素,这些元素不支持IE的较旧版本。

最简单的修复是添加现代化Izr,这是一个旨在检测浏览器支持

的JavaScript库,在大多数情况下,将它们polyflimflimeflimeflime (仅在这种情况下)。该主题有许多资源。我的fvourite是这个。http://diveinto.html5doctor.com/,但只需Google并检查以获取更多信息。

我希望这对您有帮助!

您正在使用HTML5,IE8及以下不正确解释。
您需要包括HTML5SHIV并将以下内容添加到CSS:

 article, aside, figure, footer, header, hgroup,
 menu, nav, section { display: block; }

html" nav"标签和" section"标签不支持8和更早版本。因此,您仅使用" Div"标签解决所有问题。

最新更新