2010-12-27 23 views
3

私は不透明度の境界でテストしています.Webkitは奇妙な動作をしているようです。Webkitの奇妙な境界不透明な動作ですか?

ここに私のコード

<style> 
div{ 
    position: relative; 
    width: 300px; 
    height: 300px; 
    background: #00f; 
} 
span{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    border: 10px solid rgba(255, 255, 255, 0.5); 
} 
</style> 
<div> 
    <span></span> 
</div> 

は、あなたがそれをhereテストすることができます。 Firefoxの場合、期待どおりの結果を得ることができますが、少なくとも10%の白い内側の境界線と50%の不透明度の境界線がありますが、少なくともChrome(ただしWebkitの疑いがあります)は境界線の境界線に重なっているようです。そして、それは重複しているように見えるので、意図的ではないと思います!

これはバグですか、それともの機能ですか?クロームの問題のリストに

答えて

5

バグ(誰も気にしないものを、推測):
http://code.google.com/p/chromium/issues/detail?id=36475&q=transparent%20border%20color&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS

は、スペックを見てみると、これは確かにバグのように思える:
http://www.w3.org/TR/css3-background/#box-shadow-samples

例、あまりにもalphaと内部の境界線を持ち、Firefoxのような動作を示します。

+0

興味深い!ありがとう。 – metrobalderas