So make a little research, under the record: of course, to achieve transparent, many commonly used three ways: 1, use transparent images directly, this is really convenient directly, but often need to make pictures, personal think, bad maintainability 2, use the following code to set the transparency, but can't you will find the way to its node of the element set an opaque

  code is as follows:  


filter: alpha (opacity=50); Moz - opacity: 0.5; - the KHTML - opacity: 0.5; Opacity: 0.5; 3, this method USES only a short code, set the transparency can be realized, can also realize the words as well as the node of elements in the set is not transparent first needs to be transparent layer set up the following style:

  code is as follows:  


background: rgba (255255255,0.5) none repeat scroll! Important;/* to ensure the firefox browser, such as transparency, colleagues to set up his son nodes of elements in the opaque */background: # FFF; Filter: alpha (opacity=50);/* set a filter for Internet explorer to achieve transparent */and then to its node set the following styles:

  code is as follows:  


position: relative;/* is used to set the IE browser opaque */, so its nodes in the element, can set the transparency, also can realize the words as well as the node of elements in the set is not transparent. CSS set transparent layer# 0 - #


This concludes the body part