关于dialog显示

Chrome显示不出预期效果

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<header>
<div>logo</div>
<nav>
<a href="#">首页</a>
<a href="#">介绍</a>
<a href="#">案例</a>
<a href="#">链接</a>
<a href="#">关于</a>
</nav>
</header>
<section>
<hgroup>
<h1>标题</h1>
<h3>作者</h3>
<h4>简介</h4>
</hgroup>
<aside>
<a href="#sec1">1</a>
<a href="#sec2">2</a>
<a href="#sec3">3</a>
</aside>
<article>
<p>第一节</p>
<p>第二节</p>
<p>第三节</p>
</article>
</section>
<section>
<figure>
<figcaption>视频标题</figcaption>
<video src="">..</video>
</figure>
</section>
<section>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
</section>
<footer>
copyright.........
</footer>
</body>
</html>

hong03223376190 2017-12-06

源自：HTML5标签变化 3-5 结构标签简单使用

收起

1回答

卡布琦诺 2017-12-06 17:49:26

请描述清楚你的预期dialog实现的效果是什么样的，祝学习愉快~

收起回答

提问者 hong03223376190 #1

就是张三李四的对话应该是显示在最左边，而且设置了3个dialog，应该显示3次。。现在它是在copyright右边只显示一次，而且外面有边框。。并没有加css样式。。

2017-12-07 15:13:04
提问者 hong03223376190 #2

我弄错了，已解决，谢谢

2017-12-07 15:19:54