gpt4 book ai didi

css - 使用 modernizr javascript 库设计文章 HTML5 标签的问题

转载 作者:太空宇宙 更新时间:2023-11-03 19:17:30 24 4
gpt4 key购买 nike

我在使用 modernizr 脚本时遇到了一个烦人的问题。该脚本应该使 Internet Explorer 能够设置新的 HTML 5 标签的样式,但在我的代码中,header 标签设置了样式,但 article 标签没有。如果我使用 ID 为“article”的 DIV 并应用样式,它们可见的,所以 modernizr 似乎不适用于文章标签?我正在使用 IE 8 对此进行测试。

<!DOCTYPE html>
<meta charset="utf-8"/>
<html class="no-js">
<head>
<title>Title</title>
<script src="~Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
<style>
header,footer,nav,section {display: block;}
article, #article {border:1px solid red;}
header {height: 95px;border-bottom: 8px solid #6b6b6d;}
</style>
</head>

<body>

<div class="page">

<header>
LOGO | Title
</header>

<article>
<h2>article element</h2>
</article>

<nav>
<ul id="menu">
<li>Link 1</li>
<li>Link 2</li>
</ul>
</nav>

<div id="article">
<h2>div with id article</h2>
</div>

</div>

<footer>
footertext
</footer>

最佳答案

添加文章{ display: block; } 到你的 CSS。您可以将 CSS 的第一行更改为:

header, footer, nav, section, article { display: block; }

这将解决问题。

关于css - 使用 modernizr javascript 库设计文章 HTML5 标签的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5908416/

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