非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）

2016-02-19 09:56 15 1 收藏

下面，图老师小编带您去了解一下非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法），生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - Web开发】

这个效果前些日子有人在论坛问起，今天有空研究了下。我打了原创标记，因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>提示信息框</title> <style type="text/css"> a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden} #massage_box{ position:absolute;  left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden} #mask{ position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.clientHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden} .massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%} .header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff} </style> </head><body>  本站提示信息 ×  本人申明此博客所有文章（包括文章插图）均为原创，如需引用或转载请注明出处。  欢迎大家对博文中观点留言评述，谢绝无聊人士无素质无观点的灌水漫骂。本站已设背景音乐，听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。  显示提示信息 </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1592717.html

看过《非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）》的人还看了以下文章更多>>

怎样在Word2024页面视图中显示背景色

标签： word

怎样在Word2013页面视图中显示背景色第1步，打开Word2013文档窗口，依次单击文件→选项按钮。第2步，打开Word选项对话框，切换到高级选项卡。在显示文档内容区域选中在页面视图中显示背景色和图像复选框，并单击确定按钮。小提示：如果需要取消显示背景色，则取消选中在页面视图中显示背景色和图像复选框即...

电脑的背景色选择什么颜色最好

电脑的背景色选择什么颜色最好在这个电子产品充斥着生活的各个角落的年代，电脑成了每个人的生活必需品。很多白领更是每天长时间的面对电脑，让电脑带来的伤害更深。在离不开电脑的同时我们应该采取些什么措施来减少电脑带来的伤害呢? 红色是最刺激眼睛的颜色，如果电脑的背景色为红色，久看后会出现眼睛疲劳，胀痛甚至的流泪...

VB调用API制作渐变的窗口背景色

标签：编程语言网络编程

在许多Windows软件的安装程序中，时常可以看到以某种颜色由浅至深的渐变为背景的窗口。使用VB制作这类窗口的方法有不少，而通过调用API函数绘制渐变的窗口背景色，似乎是一种既简单又节省资源的方法。首先，在module文件中加入下列声明语句： Declare Function CreateSolidBrush Lib"GDI"(ByVal _crColor As Lon...

如何运用PS中的前后背景色

标签： PS 电脑

在PS 工具栏中，有前景色和背景色的设置图标。默认的前景色为黑色，背景色为白色。图标右上角的双向箭头可以快速切换前景色和背景色（快捷键为X）；如果点击左下角的小黑白图标，无论当你的画纸为什么颜色，它都会变为默认的黑白前后背景色。（快捷键为D）点击菜单栏中的文件→新建，跳出对话框，将背景内容设置为透明。确定。如...

通过CSS选择网页文字背景色的技巧

标签： Web开发

最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页： ::selection{background: #A8141B; color: white; /* ...

查看更多精彩>>