CSS例項 如何用CSS實現背景半透明

2022-08-30 10:33:17 字數 507 閱讀 5660

如何用css實現背景半透明效果?做過活動頁面的同學可能會碰到要做背景半透明的效果,我們一般的做法是用兩個層,乙個用於放文字,另乙個用於做透明背景,因為透明濾鏡的效果會影響到裡面的內容。不過假如你只需求在ie下實現,我們有更簡單的做法:

html**:

示例** [www.mb5u.com]

背景為紅色(#ff0000),透明度20%.鞍山**牛皮癬的醫院www.0412n.com

css**:

示例** [www.mb5u.com]

.alpha1                       鞍山**銀屑病的醫院www.0412n.com

.alpha2{

background-color:#ffffff;

-moz-opacity:0.8; /* moz ff 透明度20%*/

opacity: 0.8; /* 支援css3的瀏覽器(ff 1.5也支援)透明度20%*/

.ap2{

position:absolute;

sublime中如何用less實現css預編譯

實現css預編譯的方式有很多,聽說glup很流行而且功能也很強大,但是就目前的工作而言,僅要css預編譯和yuicompress就夠了,接下來切入正題 less 是一門 css 預處理語言,它擴充套件了 css 語言,增加了變數 mixin 函式等特性,使 css 更易維護和擴充套件。less 可以...

如何用css實現元素固定寬高比?

一 img video 可替換元素的固定寬高比實現原理 指定img video的寬度或者高度,另一邊設定auto自動計算。比較簡單。html css width 50 img 二 普通元素固定寬高比實現原理 利用padding top或者padding bottom的百分比值,實現容器長寬比。在cs...

sublime中如何用less實現css預編譯

實現css預編譯的方式有很多,聽說glup很流行而且功能也很強大,但是就目前的工作而言,僅要css預編譯和yuicompress就夠了,接下來切入正題 less 是一門 css 預處理語言,它擴充套件了 css 語言,增加了變數 mixin 函式等特性,使 css 更易維護和擴充套件。less 可以...