亮度和對比度的默認CSS過濾器值

Question

最近，我將Chrome更新爲v.26，並且使用HTML5畫布顯示的圖片不再可見。正如我發現我必須改變亮度和對比度。

根據瀏覽器引擎，BC for CSS過濾器的值有何不同？

默認：

Brightness: 0; contrast 100: Firefox ? 
Brightness:100; contrast:100: Chrome ? 

當我發現它實際上是瀏覽器的錯誤修正：https://code.google.com/p/chromium/issues/detail?id=168004

Answer 1

我發現這一點，它一定會幫助你的。 語法是這樣的。

.thing_you_want_to_filter { 
    /* 
    these are all default values, note that hue-rotate and blur have units. 
    You'll also need to include the vendor prefixes. 
    */ 
    filter: grayscale(0); 
    filter: sepia(0); 
    filter: saturate(1); 
    filter: hue-rotate(0deg); 
    filter: invert(0); 
    filter: opacity(1); 
    filter: brightness(0); 
    filter: contrast(1); 
    filter: blur(0px); 

    /* Drop shadow has the same syntax as box-shadow – see below for why it's amazing! */ 
    filter: drop-shadow(5px 5px 10px #ccc); 
} 

Chrome 18.0+和Safari 6+是唯一支持此功能的瀏覽器。 對於Safari瀏覽器下6版本，它會是這樣：

.img 
{ 
    -webkit-filter:contrast(100%); /* play with the percentages */ 
    -webkit-filter:brightness(100%); 
} 

你可以讀到的資料自己

http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/ http://css3.bradshawenterprises.com/filters/