看板 Farland
作者 標題 [CSS] 透明與不透明
時間 2013年06月04日 Tue. AM 11:58:17
<div id="container" style="height: 100%; width: 100%; position: fixed; top: 0; left: 0;">
<span style="color: #aaaaaa;">Hello!</span>
</div>
/* 會讓container底色為70%透明黑色,並且child都會跟著是透明的 */
#container{
background-color: #000000;
opacity: 0.7;
}
/* 一樣是70%透明的黑底,但是child不透明 */
#container{
background-color: rgba(0, 0, 0, .7);
}
各有不同的用途!
--
※ 作者: Farland 時間: 2013-06-04 11:58:17
※ 看板: Farland 文章推薦值: 0 目前人氣: 0 累積人氣: 397
回列表(←)
分享