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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -