的CSS边界错误 - 斜渲染

正如你可以看到鼠标悬停出现是在右侧的“斜”绿线。 see the image

是该浏览器的一个漏洞？

在此先感谢

这是不是一个错误，[这就是边界只是如何绘制（http://stackoverflow.com/questions/7073484/how-does-this-css-triangle-shape-work）。 – thirtydot 2012-08-08 09:44:30

这不是一个错误。浏览器以这种方式呈现边框。 – sandeep 2012-08-08 09:45:05

将其视为相框 - 加入角落的最简单方法是以45度角度。 – 2012-08-08 09:45:58

这不是一个BU g浏览器如何选择渲染边界。

看到这个例子我嘲笑起来。 http://jsfiddle.net/blowsie/Uss7X/

enter image description here

2012-08-08 09:48:03 Blowsie

CSS边框用对角线绘制。

否则，如果您有对底部和右侧（蓝色&红色e.g）2种不同的颜色，会在角落里发生什么事？它会全是红色的，还是全蓝的？

这是众所周知的，并且甚至利用来使CSS Triangles

2012-08-08 09:44:58 Curt

没有，边框设计的方式，以满足一半的方式看到here

2012-08-08 09:45:39 CalabiYau

嘿，现在使用框阴影像这样

li:hover { 
       box-shadow: 0 4px 0 0 #00FF00; 
    -webkit-box-shadow: 0 4px 0 0 #00FF00; 
    -moz-box-shadow: 0 4px 0 0 #00FF00; 

      }

2012-08-08 09:45:59

值得注意的是，这只适用于一些现代浏览器 – Blowsie 2012-08-08 09:51:39

是的，这是css3，工作是现代浏览器 – 2012-08-08 09:54:52

回答