css3過濾器與任意顏色

我會舉一個例子：考慮你有一個div與背景的圖像，你把鼠標懸停在它和一些顏色被添加到圖像，很像過濾器，但它是一種顏色（透明的，所以你仍然可以看到原來的形象。CSS3中的過濾器，至少這是我所看到的（http://html5-demos.appspot.com/static/css/filters/index.html）不提供單一的色彩處理。這種事可以實現？css3過濾器與任意顏色

事情我已經考慮增加一個元素在div（z指數）之上，並且當它被徘徊時會出現一些透明的背景，但是我不知道它是否可以用css3。

來源

2013-09-29 Bloodcount

我是一個小菜，所以如果錯了抱歉。但是，您是否可以不使用rgba（0,255,0,0.3）作爲div上的懸停效果。 0.3是不透明度？ –

如果是這樣，然後看到這篇文章http://stackoverflow.com/questions/17134929/overlay-a-background-image-with-an-rgba-background-color –

這就是我所要求的一定程度。問題是它取代了背景圖像。它不會增強它。不過，這是一個開始。 – Bloodcount

-1

你可以這樣做：

#the-div { 
    width: 500px; 
    height: 500px; 
    background: url(http://placekitten.com/500/500) no-repeat center center; 
    position: relative; 
} 
#the-div:hover:after { 
    content: ' '; 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background-color: rgba(0,0,0,.5); 
}

請參閱jsFiddle。

來源

2013-09-29 18:41:02

css3過濾器與任意顏色

回答

相關問題