css - Set transparent background in an html page -
css - Set transparent background in an html page -
what need advice or thought solve issue, want set trasparent background such 20 11 theme of wordpress:
i've found isn't practice write css in html tag set background image of webpage using html/css <html> vs <body>, in illustration i'm trying
html
<html> <head><title>opacity</title><link rel="stylesheet" href="style.css"></head> <body> test </body> </html>
css
html{ width:100% background-color:rgb(0,0,0,0.1); /*red greenish bluish opacity */ } body{ max-width:300px; /* min-width:500px; */ background-color: red; }
the problem total reddish page, despite of fact tried set width , maximum width body in css. ideas?
your problem height of body 0.
try this:
html{ width:100%; background: rgba(200,0,0,0.1); min-height: 100%; } body{ background:green; width: 40%; min-height: 100%; }
check out here: jsfiddle
html css
Comments
Post a Comment