設置透明背景

我需要的是一個建議或想法來解決我的問題，我想要做的是設置一個trasparent背景如WordPress的二十十一主題：設置透明背景

transparent background

我剛剛發現，是不是寫在html標記Set background image of a webpage using HTML/CSS <html> vs <body> CSS，但在我的例子是什麼我只是想一個很好的做法

HTML

<html> 
<head><title>Opacity</title><link rel="stylesheet" href="style.css"></head> 
<body> 
This is a Test 
</body> 
</html>

CSS

html{ 
    width:100% 
    background-color:rgb(0,0,0,0.1); /*red green blue opacity */ 
} 

body{ 
    max-width:300px; 
    /* min-width:500px; */ 
    background-color: RED; 
}

的問題是，我得到一個完整的紅色頁面，儘管我試圖寬度也最大寬度在css中設置爲體的事實。任何想法？

來源

2014-10-18 Mitro

這是http://jsfiddle.net/utwkfonx/您的電流輸出的樣子？ – Yasser 2014-10-18 14:10:20

的確如此，我忘了把圖像 – Mitro 2014-10-18 14:11:55

我認爲你正在尋找這個http://jsfiddle.net/victor_007/f58advwr/3/這是一個不好的做法，給CSS的HTML標籤 – 2014-10-18 14:24:22

你的問題是，你的身體的高度爲0

試試這個：

html{ 
    width:100%; 
    background: rgba(200,0,0,0.1); 
    min-height: 100%; 
} 

body{ 
    background:green; 
    width: 40%; 
    min-height: 100%; 
}

看看這裏：JSFiddle

來源

2014-10-18 14:13:03

試試這個 - http://jsfiddle.net/utwkfonx/1/

HTML

<html> 

    <head> 
     <title>Opacity</title> 
    </head> 

    <body> 
     <div id="wrapper">This is a Test</div> 
    </body> 

</html>

CSS

html { 
    width:100% background-color:rgb(0, 0, 0, 0.1); 
    /*red green blue opacity */ 
} 
body { 
    background-color: RED; 
} 
#wrapper { 
    font-size: 20px; 
    max-width: 300px; 
    background: #fff; 
    margin: 0 auto; 
    padding: 10px; 
}

來源

2014-10-18 14:12:55 Yasser

設置透明背景

回答

相關問題