HTML里面如何做到控件、文字半透明?
现在有如下网页:<html><head><title>字数统计</title><scriptlanguage="javascript">functioncopy(obj)...
现在有如下网页:
<html>
<head>
<title>字数统计</title>
<script language="javascript">
function copy(obj)
{
var text = obj.value;
if (text==""){
alert("内容为空!");
return false;
}
window.clipboardData.setData("text",text);
alert("已经复制到剪切板!");
}
function zs(t)
{
var text = t.value;
var leng = text.length;
document.getElementById("zstj").innerHTML = leng;
var text2 = 135 - leng;
var text3 = text2 < 0;
if (text3==true){
alert("字数超过限制!内容将被清空!");
t.value="";
document.getElementById("zstj").innerHTML = "0";
document.getElementById("hstj").innerHTML = "135";
return false;
}
document.getElementById("hstj").innerHTML = text2;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post">
<div align="center" class="img-desc">
<textarea cols=70 rows=40 id="textbox1" name="textbox1" style="font: 宋体" onKeyDown="zs(textbox1)" onKeyUp="zs(textbox1)"></textarea>
<br>
字数:<span id="zstj" style="COLOR: red">0</span>
<br>
最多可输入135字,还剩<span id="hstj" style="COLOR: red">135</span>字
<br>
<a href="javascript:void(0)" onClick="copy(textbox1)" style="COLOR: pink">复制文本框内容</a>
</div>
</form>
</body>
</html>
请问如何在文字颜色等效果不变的情况下,让整个网页半透明? 展开
<html>
<head>
<title>字数统计</title>
<script language="javascript">
function copy(obj)
{
var text = obj.value;
if (text==""){
alert("内容为空!");
return false;
}
window.clipboardData.setData("text",text);
alert("已经复制到剪切板!");
}
function zs(t)
{
var text = t.value;
var leng = text.length;
document.getElementById("zstj").innerHTML = leng;
var text2 = 135 - leng;
var text3 = text2 < 0;
if (text3==true){
alert("字数超过限制!内容将被清空!");
t.value="";
document.getElementById("zstj").innerHTML = "0";
document.getElementById("hstj").innerHTML = "135";
return false;
}
document.getElementById("hstj").innerHTML = text2;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post">
<div align="center" class="img-desc">
<textarea cols=70 rows=40 id="textbox1" name="textbox1" style="font: 宋体" onKeyDown="zs(textbox1)" onKeyUp="zs(textbox1)"></textarea>
<br>
字数:<span id="zstj" style="COLOR: red">0</span>
<br>
最多可输入135字,还剩<span id="hstj" style="COLOR: red">135</span>字
<br>
<a href="javascript:void(0)" onClick="copy(textbox1)" style="COLOR: pink">复制文本框内容</a>
</div>
</form>
</body>
</html>
请问如何在文字颜色等效果不变的情况下,让整个网页半透明? 展开
展开全部
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5; /*火狐*/
opacity:0.5; /*opera (CSS3标准)*/
1. Alpha:设置透明度
Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明。
FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度,范围也是0 到 100。
Style:设置渐变透明的样式,值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
StartX和StartY:代表渐变透明效果的开始X和Y坐标。
FinishX和FinishY:代表渐变透明效果结束X和Y 的坐标。
-moz-opacity:0.5; /*火狐*/
opacity:0.5; /*opera (CSS3标准)*/
1. Alpha:设置透明度
Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明。
FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度,范围也是0 到 100。
Style:设置渐变透明的样式,值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
StartX和StartY:代表渐变透明效果的开始X和Y坐标。
FinishX和FinishY:代表渐变透明效果结束X和Y 的坐标。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询