萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS的position屬性介紹

CSS的position屬性介紹

我們為大家收集整理了關於CSS的position屬性,以方便大家參考。

原來只明position:relative是相對定位,position:absolute 是絕對定位;

經常看到圖片輪播的下方有個半透明背景的文字描述。我現在要做這樣一個效果,因為不是輪播,所以沒去找插件,想自己寫。

半透明背景可以設置屬性background: rgba(0, 0, 0, 0.15);

定位的話,父DIV設置position:relative後,子DIV的position:absolute就會相對父DIV作絕對定位。這樣就很方便了。

.banner{margin:20px;height:204px;position:relative;overflow:hidden} 
.banner .content{color:#FFF;font-size:24px;line-height:30px;font-weight:800;background: rgba(0, 0, 0, 0.15);position:absolute;left:0;right:0;bottom:0;}

希望大家可以學會CSS的position屬性.想了解更多精彩內容,請關注我們的網站!

相關推薦:

css默認中文字體fontfamily列表介紹

copyright © 萬盛學電腦網 all rights reserved