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

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

Html to the background picture set transparency method: 1, use the opacity attribute to set the background picture element to add "opacity: transparency value;" style; 2, use the filter attribute to set the background picture element to add "filter: opacity (transparency value);" style.

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

Html sets transparency to the background picture

1. Use the opacity attribute

Div {width: 300px; height: 300px; background-image: url (img/3.jpg);} .box {opacity: 0.5 } background picture background picture

2. Use the filter attribute

Div {width: 300px; height: 300px; background-image: url (img/3.jpg);} .box {filter: opacity } background picture background picture

What are the characteristics of html 1, simplicity: hypertext markup language version upgrade using superset mode, thus more flexible and convenient, suitable for beginner front-end developers to use. 2. Extensibility: the wide application of hypertext markup language brings the requirements of strengthening functions and increasing identifiers. Hypertext markup language adopts the way of subclass elements to ensure the expansion of the system. 3. Platform independence: hypertext markup language can be used on a wide range of platforms, which is one of the reasons why the World wide Web is so popular. 4. Versatility: HTML is the universal language of the network, which allows web producers to create complex pages that combine text and pictures, which can be viewed by anyone else on the Internet, no matter what type of computer or browser they are using.

Thank you for reading here. The editor hopes that you have the most profound experience from the practical level on the key issue of "how to set transparency for background pictures in html". The specific use also requires everyone to practice and use it in order 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.