Shulou(Shulou.com)06/02 Report--

This article mainly analyzes the relevant knowledge points of css how to achieve image transparency and opacity, the content is detailed and easy to understand, the operation details are reasonable, and has a certain reference value. If you are interested, you might as well follow the editor to have a look, and follow the editor to learn more about "how css makes images transparent and opaque".

1. Whether the image is transparent uses the opacity element, with a value of 0 to 1, usually 0.4 or 0.6 is enough.

2.ie8 the following browsers are written as: filter:alpha (opacity=40); values range from 0 to 100. Usually write two kinds at the same time for compatibility.

3. There are two uses: first, write directly on the picture to increase the blur of the picture (equivalent to a gray mask); second, write the picture in the background p, nesting p to write a mask with color, which can also add text. It is written as follows:

Img {width:400px; height:300px; opacity:0.4; filter:alpha (opacity=40);} img:hover {opacity:1; filter:alpha (opacity=100); / * ie8 is written as * /} .background {background:url ('img/t01753ed63dad21cb88.jpg') no-repeat; width:400px; height:300px;} .background {width:400px Height:300px; background-color:#f941f3; opacity:0.4; filter:alpha (opacity=40);} .clients: hover {opacity:0; filter:alpha (opacity=0);} p {font-size:48px; display:block; color:white; text-align:center; line-height:300px;}

Filter:alpha

What are the selectors of css? css selectors can be divided into three categories, namely, id selector, class selector and tag selector. There can be many combinations between them, such as descendant selector, sub-selector, pseudo-class selector, general selector, group selector, and so on.

About "css how to achieve image transparency and opacity" is introduced here, more related content can search previous articles, hope to help you answer questions, please support the website!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.