Part I Part II Description: 1, filter: on win IE settings translucent filter effects, filter: alpha (Opacity = 80) represents the target 80% translucent, Firefox browser does not recognize 2, -moz-opacity: for mozilla firefox Firefox achieve the translucent, win IE does not recognize this property, -moz-opacity: 0.5 is equivalent to set the translucency of 50% 3, opacity: for all browsers except IE outside support, including Google, put the last major browser for Google self addressed stamped envelope device, opacity: 0.5; said set 50% translucent We set a background is a picture of the underlying DIV, DIV box set above the village of black. A. Translucent style instance is not set <! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> css background translucent www.ldsun.com </ title> <style>. div-a {background: url (div-a-bg.png) no-repeat; width: 230px; height: self addressed stamped envelope 136px; padding: 10px;} .div-b {background: # 000; width: 200px; height: 100px ; padding: 5px; color: # F00} </ style> </ head> <body> <div self addressed stamped envelope class = "div-a"> <div class = "div-b"> DIV translucent example demonstrates </ div> </ div> </ body> self addressed stamped envelope </ html>
Right ".div-b" selector to join translucent style code: filter: alpha (Opacity = 60); - moz-opacity: 0.6; opacity: 0.6; <! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> css background translucent www.ldsun.com </ title> <style> .div-a {background: url (div-a-bg.png) no-repeat; width: 230px ; height: 136px; padding: self addressed stamped envelope 10px} .div-b {background: # 000; width: 200px; height: 100px; padding: 5px; color: # F00; filter: alpha (Opacity = 60); - moz-opacity: 0.6; opacity: 0.6} / * CSS Notes Description: This new line of CSS code to make the code I want to display the full in this, the effect will not be affected after the wrap CSS * / </ style> </ head> <body> < div class = "div-a"> <div class = "div-b"> achieve DIV translucent example demonstrates </ div> </ div> </ body> </ html>
August 2014 July 2014 June 2014 May 2014 April 2014 March 2014 February 2014 January 2014 December 2013 November 2013 October 2013
ASCII style image bae bootstrap Chrome cmd Css Discuz DNSPod Essay favicon github Gzip hacker html html5 ipv6 jquery mobile js Lamp Mysql office2013 PHP ps sae SEO Ubuntu WAMP win8.1 Wordpress wordpress accelerate Yii zblog accelerated self addressed stamped envelope filing carousel music picture fonts navigation micro-canonical self addressed stamped envelope activation self addressed stamped envelope letter template self addressed stamped envelope Message boards cracked Dr.COM Master Thunder vip
Welcome to blog, in order to obtain a better experience, we recommend that you use Google chrome browser ~
No comments:
Post a Comment