IE用CSS边框画出三角形问题

2012-01-18 19:15:40 +08:00
 sayori
<head>
<style>
div{
position:absolute;
height:0;width:0;
overflow:hidden;
border:256px solid ;
border-color:yellow red blue green;
}
</style>

</head>

<body>
<div>

</div>

</body>

======================
CHROME FF下能正确显示4个三角形。
IE9 一片空白。

求解。我看的CSS书上的截图IE6能显示的。哪里错了。
4637 次点击
所在节点    问与答
5 条回复
zythum
2012-01-18 20:15:51 +08:00
不能写overflow:hidden啊同学。
写个line-height:0px;
sayori
2012-01-18 21:11:08 +08:00
@zythum 感激不尽。
那本书上还举例不加overflow会出现问题。
所以万万没想到是这个我晕。
ytzong
2012-01-19 10:56:54 +08:00
HTML没有指定DOCTYPE？
sayori
2012-01-19 18:35:59 +08:00
@ytzong

啊，要写成什么？XHTML？
ytzong
2012-01-20 10:50:58 +08:00
<!DOCTYPE html>
不写IE中是怪异模式，border计入宽高，宽高设为0并overflow:hidden就都是0了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/25810

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX