http://bbs.csdn.net/topics/320156312
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
<HTML>
<BODY>
<input type="button" value="添加附件" onmouseover="floatFile()">
<input type="button" onclick="alert($('tt').innerHTML)" value="showHTML">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
function $(id)
{
return document.getElementById(id);
}
//全局变量,记录文件数；
var fileNum=1;
//mouseover时,把input file移到按扭上,保证点击的是file,
function floatFile()
{
$("file"+fileNum).style.posTop=event.srcElement.offsetTop;
$("file"+fileNum).style.posLeft=event.x-$("file"+fileNum).offsetWidth/2;
}
//选择完一个文件之后,自动创建一个新的div 和 file表单,用于下回使用,hidden刚用过的file
function showText(obj)
{
$(obj.id+"text").innerHTML=obj.value+" 删除";
$("file"+fileNum).style.display='none';
fileNum=fileNum+1;
//直接追加innerHTML(innerHTML+=)会清空原来file中的内容
$("div"+(fileNum-1)).insertAdjacentHTML('AfterEnd','');
}
function del(id)
{
$("div"+id).innerHTML="";
$("div"+id).style.display="none";
}
</SCRIPT>
|
IE 使用 ‘filter:alpha(opacity=50);’ 通过 Filter 的 alpha 通道滤镜使元素半透明,但元素必须触发 hasLayout 特性。
非 IE 浏览器使用 ‘opacity:0.5;’ 这个 CSS3 草案中的 ‘opacity’ 特性使元素半透明。
所以同时使用 ‘filter:alpha(opacity=50);’ opacity:0.5; 即可保证在所有浏览器中呈现出半透明效果。
http://www.w3help.org/zh-cn/causes/BT9011