欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

DIV背景半透明文字不半透明的樣式

  發(fā)布時(shí)間：2013-11-29 17:21:12   作者：佚名   我要評(píng)論
DIV背景半透明，DIV中的字不半透明如何實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以了解下
DIV背景半透明，DIV中的字不半透明

復(fù)制代碼
代碼如下:

<body bgcolor="#336699">
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow">

圖層背景半透明，字體顏色也半透明

復(fù)制代碼
代碼如下:

</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">圖層背景半透明，字體顏色不半透明</span></div>

*******帶filter的層一定要有width屬性，否則filter無(wú)效。********

我們可以用CSS樣式的filter（濾鏡效果）對(duì)HTML的一些標(biāo)記設(shè)置濾鏡效果。

例：

黑白照片 filter: gray;
X光照片 filter: Xray;
風(fēng)動(dòng)模糊 filter: blur(add=true,direction=45,strength=30);
正弦波紋 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
線型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻轉(zhuǎn) filter: fliph;
垂直翻轉(zhuǎn) filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發(fā)光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2

相關(guān)文章

  • div+css設(shè)置div的背景為半透明的方法

    設(shè)置div的背景為半透明，下面有個(gè)不錯(cuò)示例，使用div+css來(lái)實(shí)現(xiàn)下，不會(huì)的朋友可以參考下
    2014-02-13

  • div 背景透明度 如何設(shè)置一個(gè)div的背景透明度

    如何設(shè)置一個(gè)div的背景透明度,對(duì)于一些新手朋友有些陌生，接下來(lái)詳細(xì)介紹實(shí)現(xiàn)方法，有需要了解的朋友可以參考下
    2012-12-31

  • div背景半透明，覆蓋整個(gè)可視區(qū)域的遮罩層效果

    背景半透明，覆蓋整個(gè)可視區(qū)域的遮罩層效果在工作中經(jīng)常會(huì)遇到，這篇文章主要介紹了當(dāng)內(nèi)容超過(guò)一屏?xí)r如何做到多瀏覽器的兼容性。 下面我們通過(guò)一個(gè)簡(jiǎn)單的例子看看如何實(shí)現(xiàn)
    2011-12-08

  • div背景半透明 覆蓋整個(gè)可視區(qū)域的遮罩層效果

    背景半透明，覆蓋整個(gè)可視區(qū)域的遮罩層效果在工作中經(jīng)常會(huì)遇到，這篇文章主要介紹了當(dāng)內(nèi)容超過(guò)一屏?xí)r如何做到多瀏覽器的兼容性。 下面我們通過(guò)一個(gè)簡(jiǎn)單的例子看看如何實(shí)現(xiàn)
    2011-10-30

  • 設(shè)置div背景透明的方法示例

    這篇文章主要介紹了設(shè)置div背景透明的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)
    2021-02-20

最新評(píng)論