css在chrome (linux和windows)中不起作用。
css在chrome (linux和windows)中不起作用。
提问于 2012-02-20 23:03:45
我有这样的代码：
<style type="text/css">
div {
margin: 100px auto;
width: 0px;
height: 0px;
border-right: 30px solid transparent;
border-top: 30px solid red;
border-left: 30px solid red;
border-bottom: 30px solid transparent;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
position: relative;
}
</style>
<div></div>这会产生：
在firefox中，
但是在chrome (linux和windows -在mac中没有尝试)我什么也看不到，为什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-20 23:12:56
实际上，我认为这是某种bug。如果您将高度和宽度更改为1px，则适用于我。不幸的是，这会留下一个小白点，但这可以通过将背景改为红色，将背景剪辑改为内容来解决。
JSFiddle example.
Stack Overflow用户
发布于 2012-02-20 23:15:22
因为你给div赋予了0px的宽度和0px的高度，所以你什么也看不到。
width: 0px;
height: 0px;改变这一点，希望它是可见的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9363241
复制相关文章
相似问题
腾讯云开发者
