過濾亮度不工作，CSS

我試圖減少圖像的亮度，基本上使其更暗，我試圖用濾波器來做到這一點：亮度，但由於某種原因圖像不是越來越黑在所有。我從1％開始，一路走到100％，但形象並沒有變得更深。我不知道我做錯了什麼。請看看我的代碼：過濾亮度不工作，CSS

img { 
    filter: brightness(50%); 
    width: 200px; 
    height: 200px; 
} 

<img src = 'https://static.pexels.com/photos/3164/sea-black-and-white-water-ocean.jpg'>

來源

2015-07-10 frosty

推測，您的瀏覽器不支持開箱即用的規格。在這種情況下，您應該添加供應商前綴以使其起作用。

-webkit-filter: brightness(50%);

可能是你在找什麼。

來源

2015-07-10 02:32:08 Strikeskids

完善。順便說一句，我使用Google Chrome。 – frosty

哇。有人實際上低估了我的問題。我沒有看到它有什麼問題。這是一個合法的問題。 – frosty

我對downvote沒有任何責任，但顯然有人認爲不知道廠商前綴是一種致命的罪。 –

不要在過濾器中使用的百分比。它應該是一個刻度從0到1

img { 
    filter: brightness(0.5); 
    width: 200px; 
    height: 200px; 
}

0.5將等於50％

https://developer.mozilla.org/en-US/docs/Web/CSS/filter

filter: brightness(0.4);  // Does not use percentage 
filter: contrast(200%);  // Uses percentage

來源

2015-07-10 02:32:43

與不透明度不是一回事嗎？ – frosty

我試圖讓它比原來的圖像更暗。 – frosty

在這個問題上有34個upvotes的人提供了答案過濾器：百分比代替小數的亮度（50％）。來源：http://stackoverflow.com/questions/11535392/how-to-decrease-image-brightness-in-css – frosty

過濾亮度不工作，CSS

回答

相關問題