1、網頁製作css透明樣式
<html>
<head>
<style type="text/css">
<!--
.css_0{
……
}
.css_1{
……
}
-->
</style>
<script type="text/javascript">
function alpha(style,target){
target.className=style;
}
</script>
</head>
<body>
<table onmouseover="alpha('css_0',this)" onmouseout="alpha('css_1',this)" class="css_1">
.........
</table>
</body>
</html>
===============================
"alpha"是自定義的函數名。"css_1"和"css_0"是有透明效果和沒有透明效果的兩個樣式名。
style和target是函數中自定義的變數,作用是接受傳遞過來的值。不需要更改。
/////////////////////////
style對應的就是「css_0」或「css_1」
target對應的就是「this」在頁面中也就是<table>標簽
關於this可以上網查一下對它的解釋。
JS可以添加在頁面任何位置,添加在<head>標簽里是最常用的寫法。
還可以這么寫,不需要寫JS,只要寫這一段代碼就行:
<table onmouseover="javascript:this.className='css_0';" onmouseout="javascript:this.className='css_1';" >
……
</table>
呵呵,不知道是不是你想要的效果……祝你成功!
2、如何設置網頁 DIV 的透明
設置DIV半透明CSS代碼:copydiv{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
說明:
1、filter:對win IE設置半透明濾鏡效果,filter:alpha(Opacity=80)代表該對象80%半透明,火狐瀏覽器不認
2、-moz-opacity:對mozilla firefox火狐瀏覽器實現半透明,win IE不認此屬性,-moz-opacity:0.5相當於設置半透明為50%
3、opacity:對除IE外所有瀏覽器支持包括谷歌,放最後主要針對谷歌瀏覽器,opacity: 0.5;表示設置50%半透明
3、像這種風格的網頁(只做背景和透明的框框)是怎麼做的?
這只是HTML+CSS+js的網頁,完全可以不用PHP的;
登錄功能只是將郵箱,密碼和是否24小時內記住我的數據傳到後台處理;
注冊就是一個鏈接,點擊跳轉到注冊頁面。
4、網頁設計中如何設置圖像透明色?
告訴你了給個分吧
5、如何製作半透明網頁?
朋友。你問的是設計圖怎麼實現,還是設計之後CSS或JS怎麼實現?
如果是設計圖時。調整圖層透明即可。。
如果是CSS問題,給除body之外的標簽的樣式加上 filter:alpha(opacity=50);
以上的50的值是自己改的,0至100的alpha值。
6、這樣的網頁透明效果是怎麼做出來的!
應該是用CSS的filter(濾鏡效果)~
第一種:加入帶有顏色的遮罩一樣的半透明效果。
源代碼為:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代碼中:startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,後面的 FFFFFF 是顏色,就是說在上面蒙什麼顏色的東西,正常使用這個效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 後面的=#AAFFFFFF數值要一樣!
2.簡易透明效果。
將上面的渲染方式改為:filter:alpha(opacity=80),80是透明值,100為不透明,0為全透明。
3.其實CSS還有很多其他的渲染方式~付上其他的一些渲染代碼。
黑白照片 filter: gray;
X光照片 filter: Xray;
風動模糊 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;
左右翻轉 filter: fliph;
垂直翻轉 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2
希望你能把自己的博客做得與眾不同~
7、如何做半透明網頁設計才會顯得高大上
朋友。你問的是來設計源圖怎麼實現,還是設計之後CSS或JS怎麼實現?
如果是設計圖時。調整圖層透明即可。。
如果是CSS問題,給除body之外的標簽的樣式加上 filter:alpha(opacity=50);
以上的50的值是自己改的,0至100的alpha值。
8、圖示的網頁透明效果,是怎樣實現的?
第一種:加入帶有顏色的遮罩一樣的半透明效果。
源代碼為:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代碼中:startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,後面的 FFFFFF 是顏色,就是說在上面蒙什麼顏色的東西,正常使用這個效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 後面的=#AAFFFFFF數值要一樣!
2.簡易透明效果。
將上面的渲染方式改為:filter:alpha(opacity=80),80是透明值,100為不透明,0為全透明。
3.其實CSS還有很多其他的渲染方式~付上其他的一些渲染代碼。
黑白照片 filter: gray;
X光照片 filter: Xray;
風動模糊 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;
左右翻轉 filter: fliph;
垂直翻轉 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2
9、如何設置網頁 DIV 的透明?
在DIV的樣式裡面添加上下面的樣式:
filter:alpha(opacity=60); //60就是60%的透明度
opacity:0.6; //0.6也是60%的透明度意思
這2個都要寫上內去,不然在不容同瀏覽器下會有兼容性問題。
10、怎樣把網頁的背景圖像設置得透明一點啊?
用dreamweaver設計啊,這個工具的前台美化功能本來就很強大,不必要用到PS.下面是處理圖像的步驟:
1、先在DW設計頁面中插入你要處理的圖像,記住是插入圖像,不要在頁面屬性那添加背景,現在還沒到添加背景那一步;
2、選中圖像,在下面屬性欄里你就會看到一組可以編輯圖像的工具;
3、選擇第5個「亮度和對比度」工具,打開之後將亮度調高,將對比度調低就OK的了,要透明的程度你自己把握就行;
4、這一點是需要特別注意的:你調整好圖片按保存之後,那麼這張圖像將不可以再恢復原樣,如果你還想保留原圖,你可以在調整之前復制一份出來;
5、圖像已經處理完畢,將插入的這張圖像刪掉,再在「頁面屬性」那添加背景即可。