的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

回答