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

This article will introduce in detail "css how to reduce background transparency", the content steps are clear and detailed, and the details are handled properly, and the editor updates different knowledge points every day. I hope this article "css how to reduce background transparency" can give you unexpected gains, please follow the editor's ideas slowly in depth, the specific content is as follows, to harvest new knowledge.

Css to reduce the background transparency of the method: 1, to use the opacity attribute, only need to set the background element "opacity: transparency value;" style; 2, using the filter attribute, only need to set the background element "filter: transparency value);" style.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css reduces background transparency

Method 1: use the opacity attribute

The Opacity attribute sets the transparency level of an element. From 0.0 (fully transparent) to 1.0 (completely opaque)

# box {width: 300pxscape height: 300pxscape backgroundhorse color: red;opacity: 0.4;}

Method 2: use the filter attribute

The filter attribute defines the visual effects of the element (for example, blur and saturation).

Opacity (%) can convert the transparency of the image. Value defines the scale of the conversion. A value of 0% is completely transparent, and a value of 100% means no change in the image. A value between 0% and 100% is a linear multiplier of the effect, which is also equivalent to the number of image samples multiplied by the number. If the value is not set, the default value is 1. This function is similar to the existing opacity property, except that through filter, some browsers provide hardware acceleration to improve performance.

# box {width: 300pxscape height: 300pxscape background color: red;filter: opacity;}

What is csscss is a computer language used to express file styles such as HTML or XML. It is mainly used to design the style of the web page and make the web page more beautiful. It is also a language that defines style structures such as fonts, colors, locations, etc., and css styles can be stored directly in HTML pages or separate style sheet files, while the priority of style rules is determined by css according to this hierarchical structure, so as to achieve cascading effect. Up to now, css can not only decorate the web page, but also cooperate with various scripts to format the web page.

Thank you for reading here. I hope you have the most profound experience on the key issue of "how to reduce the background transparency of css" from the practical level, and you need to practice and use it yourself to understand it. If you want to read more related articles, welcome to follow the industry information channel!

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.