GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/Examples/BodyWithTransparentBackground/ |
Upload File : |
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>example with background-color: #000;</title> <style type="text/css"> body { background-color: #000; } #background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('bokeh.jpg'); background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.3; filter:alpha(opacity=30); z-index: -1; } #content { position: absolute; top: 0; left: 0; background-color: transparent; opacity: 1; filter:alpha(opacity=100); z-index: 1; } </style> </head> <body> <div id="background"></div> <div id="content"> <h1>An example with body { background-color: #000; }</h1> <h2>CSS:</h2> <pre> <style type="text/css"> body { background-color: #000; } #background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('bokeh.jpg'); background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.3; filter:alpha(opacity=30); z-index: -1; } #content { position: absolute; top: 0; left: 0; background-color: transparent; opacity: 1; filter:alpha(opacity=100); z-index: 1; } </style> </pre> <h2>HTML:</h2> <pre> <body> <div id="background"></div> <div id="content"> All of your actual page content goes inside of this div. </div> </body> </pre> </div> </body> </html>