模糊网页背景

Question

我见过许多像msn.com或sulekha.com这样的网站（虽然sulekha.com不是银光）据说是银光。它的主页给出了明显的效果。但是，当我们右键单击页面时，它确实显示了html。所以身体能帮助我吗？ 我不想做任何事情在?? javascript ??

Answer 1

我认为你指的是在前景中呈现某些内容时背景被“暗淡”或“变暗”的效果，如图片或对话框。单击the lightbox page上的示例图像应该提供我的意思的示例。

这是通过简单的JavaScript和一个方便的div来完成的。首先，您需要一个具有一些CSS属性的div，以便它可以覆盖整个页面：

position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 50;

最后一行将它置于其他一切之上。你还需要让它变暗但透明，最初看不见：

background-color: #000;
opacity: 0.75;
filter: alpha(opacity=75); /* IE */
display: none;

您现在可以使用一些JavaScript使其可见：

document.getElementById("your_div_id").style.display = "";

编辑：我刚看到你不想要在JavaScript中做任何事情。我不明白为什么你愿意使用Silverlight而不是JavaScript，但我知道什么？

Answer 2

如果您确实指的是lightbox/modal dialog，那就是doable with CSS only，但几乎是黑客攻击。

Answer 3

我认为你的意思是背景模糊（而不是只是变暗，在这种情况下你可以使用CSS3命令：

.background {
    -webkit-filter: blur(10px);     
    filter: blur(10px);

此功能仅适用于Chrome，Safari 6+和Opera 15 +。