//設定select的可見狀態
function setselectstate(state)
} function mouseposition(ev)
; }
return ;
} //彈出方法
function showmessagebox(wtitle,content,pos,wwidth)
var back=document.createelement("div");
back.id="back";
var stylestr="top:0px;left:0px;position:absolute;background:#666;width:"+bwidth+"px;height:"+bheight+"px;";
stylestr+=(isie)?"filter:alpha(opacity=40);":"opacity:0.40;";
back.style.csstext=stylestr;
var mesw=document.createelement("div");
mesw.id="meswindow";
mesw.classname="meswindow";
mesw.innerhtml=""+wtitle+"
td>
<
tdstyle='width:1px;'
>
<
input
type='button'
onclick='closewindow();'
title='關閉視窗'
class='close'
value='關閉'
/>
td>
tr>
table
>
div>
<
divclass='meswindowcontent'
id='meswindowcontent'
>"+content+"
div>
<
divclass='meswindowbottom'
>
div>";
stylestr="left:"+(((pos.x-wwidth)>0)?(pos.x-wwidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wwidth+"px;";
mesw.style.csstext=stylestr;
} function showbackground(obj,endint)
,8);
} }
//關閉視窗
function closewindow()
if(document.getelementbyid('meswindow')!=null)
if(isie)
} //測試彈出
function testmessagebox(ev)
script
>
head
>
<
body
>
<
divstyle="padding:20px"
>
<
divstyle="text-align:left";>
<
ahref="#none"
onclick="testmessagebox(event);"
>彈出視窗
a>
div>
<
divstyle="text-align:left;padding-left:20px;padding-top:10px";>
<
select
>
<
option
>下拉
option
>
select
>彈出視窗時會將其隱藏,關閉時會讓其顯示,目的是在ie中防止彈出的div擋不住下拉框
div>
<
divstyle="text-align:center";>
<
ahref="#none"
onclick="testmessagebox(event);"
>彈出視窗
a>
div>
<
divstyle="text-align:right";>
<
ahref="#none"
onclick="testmessagebox(event);"
>彈出視窗
a>
div>
div>
body
>
html
>
背景半透明
css中在希望半透明的部分後面新增如下 filter alpha opacity 10 moz opacity 1 opacity 0.1 句中的數字就是你希望半透明的程度,越小透明度越高。其實就是新增乙個濾鏡。三句話中第乙個是支援ie,第二個和第三個都是支援firefox的不同版本。比如說設定好背...
背景半透明效果
背景為紅色 ff0000 透明度20 css example source code alpha1 ap2 這樣基本就可以實現啦,也不用擔心定位和自適應問題,最大的問題是僅ie支援。如果相容ff op怎麼寫呢?首先,上面這種定法是不行的啦,那就只能用兩個層重疊的方法啦。改下頁面結構與css樣式 ht...
仿微博半透明邊框
內容區 我的思路是這樣的,box先相對定位,以便 alpha bg可以絕對定位,但你會發現 這樣做有個問題,好像整個box都無法選擇文字了。原因就是 alpha bg位於 content之上,至於為什麼跑到它上面去了,我也不甚清楚,希望高人指點一二。解決辦法很簡單,既然是層級問題,自然用到z ind...