不久之前,我为自己做了一个小页面,我偶然发现了一个自那时无法回答的错误.
打开http://darngoodpictures.com/#showme时,您会在左侧和右侧看到导航箭头.这些完全是CSS制作的.现在我会采取另一种方式,但它已经完成,我坚持它:)
在我测试的每个浏览器中,箭头看起来都应该如此.唯一的例外是Opera.Opera以我以前从未见过的方式呈现箭头.谁能解释那里发生了什么？我很快发现Opera在箭头的border-radius-property方面存在一些问题,但是有人能提供更准确的信息吗？这种行为太奇怪了......
编辑:它变得越来越怪异.最初我认为,我的CSS结合border-radius以某种方式引发了问题,但问题是边界半径.当边界宽度与它结合时,它会变得更加强烈.请参阅以下jsfiddles:
我:http://jsfiddle.net/62ujn/(一切都按照人们的预期呈现)
关键规则:
border-radius: 0;
border-width: 200px;
II:http://jsfiddle.net/62ujn/1/(Opera中的第一个小问题)
关键规则:
border-radius: 50px;
border-width: 200px;
III:http://jsfiddle.net/62ujn/2/(从这里开始,Opera中的渲染变得荒谬)
关键规则:
border-radius: 50px;
border-width: 200px 150px;
四:http://jsfiddle.net/62ujn/3/
关键规则:
border-radius: 50px;
border-width: 200px 150px 100px;
V:http://jsfiddle.net/62ujn/4/
关键规则:
border-radius: 50px;
border-width: 200px 150px 100px 50px;
奇怪.非常.奇怪.
编辑2:
我刚刚联系了Opera,因为我怀疑除了"Opera-Bug"之外别无其他答案......当我得到满意的答案时,我会保持这个页面的更新:)