opacityとbackground-color

解決済

質問者：loveosan
質問日時：2013/01/20 17:24
回答数：1件

http://r.goope.jp/nagomiws/top

このページと同じようにするための
background-colorとopacityはどのように設定すれば
よろしいでしょうか？
お教えください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2013/01/22 15:17

<body>

　<div class="header">
　</div>
　<div class="section">
　</div>
　<div class="footer">
　</div>
</body>
に対して、
html,body{margin:0;padding:0;}
body{background:url() fixed;color:white;}
div.header,div.section,div.footer{width:70%;margin:0 auto;background-color:rgba(0,0,0,50);}

HTML5でしたら
<body>
　<header>
　</header>
　<section>
　</section>
　<footer>
　</footer>
</body>
に対して、
html,body{margin:0;padding:0;}
body{background:url() fixed;color:white;}
header,section,footer{width:70%;margin:0 auto;background-color:rgba(0,0,0,50);}

ですけど・・・