一个用于您网站的 ASP.NET / HTML 调光器
您是否曾经希望调暗 HTML 页面的背景,但找到的所有代码都基于 IE 的 CSS 滤镜? 我想为这个问题创建一个跨浏览器解决方案(还有请多多包涵,这是我的第一篇帖子……嘿嘿)。
引言
您是否曾经希望调暗 HTML 页面的背景,但找到的所有代码都基于 IE 的 CSS 滤镜? 我想为这个问题创建一个跨浏览器解决方案(还有请多多包涵,这是我的第一篇帖子……嘿嘿)。
安装
首先,您需要确保代码可以“看到” HTML 的 body。 我们通过在 body
标签中添加一个 ID
来实现这一点。
<body id="ReportBody" MS_POSITIONING="GridLayout" runat="server">
现在我们需要创建一个 GIF。 Gradient.GIF 仅仅是一个 4x4 像素的图像,其中交替着透明像素和彩色像素。 通常,我使用浅灰色作为彩色像素。
代码
有两种方法可以更改背景。 如果您的类具有焦点表单,您可以直接调用样式更改,例如这样
myBody.Style.Add("background-image", "url(images/gradient.gif)")
如果您想关闭渐变,只需将背景替换为您之前设置的任何内容即可。
这个例子只是关闭了背景图像,将页面恢复为默认背景颜色。
myBody.Style.Add("background-image", "")
展开
您可以扩展这个简单的代码来执行一些非常酷的“技巧”。 一些想法是调暗背景,然后创建一个浮动 DIV
来允许进行数据输入或信息显示。
或者,当网站从数据库获取信息时,弹出进度条怎么样?