In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-05 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/03 Report--
This article focuses on "css to achieve translucent code sharing", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "css to achieve translucent code sharing"!
The basics of DIVCSS translucency introduce setting DIV translucent CSS code:
Div {filter:alpha (Opacity=80);-moz-opacity:0.5;opacity:0.5;}
Description:
1. Filter: set the translucent filter effect on winIE. Filter:alpha (Opacity=80) represents 80% translucency of the object, which is not recognized by Firefox.
2.-moz-opacity: translucent to mozillafirefox Firefox browser. WinIE does not recognize this attribute.-moz-opacity:0.5 is equivalent to setting translucency to 50%.
3. Opacity: support for all browsers except IE, including Google. Finally, it is mainly for Google browser. Opacity:0.5; indicates that 50% translucency is set.
In order to observe the translucent implementation of DIV, we set up two DIV layers, one in the other DIV layer, the outer DIV named ".div-a", and the included layer CSS class named ".div-b" to form a ".div-b" box in ".div-a".
We set a background for the underlying DIV to be a picture, and the DIV box above sets the village black.
CSS translucent style instance is not set
According to the described example, the translucent HTML source code is not set:
Online performance of translucent examples
.div-a {background:url (div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px;}
. div-b {background:#000;width:200px;height:100px;padding:5px;color:#F00}
Demonstration of DIV translucency example
At this point, I believe you have a deeper understanding of "css to achieve translucent code sharing". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
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.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.