65.9K
CodeProject 正在变化。 阅读更多。
Home

一个用于您网站的 ASP.NET / HTML 调光器

starIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIconemptyStarIcon

1.31/5 (6投票s)

2006年7月5日

CPOL

1分钟阅读

viewsIcon

18350

您是否曾经希望调暗 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 来允许进行数据输入或信息显示。

或者,当网站从数据库获取信息时,弹出进度条怎么样?

© . All rights reserved.