Javascript Web工具包css div shadow：是否可以使用纯css或需要图像将其放在div上？

所以我需要的很简单：用户按下某个按钮，用户在所有页面顶部的新div（以div为中心的窗口）上看到阴影效果（例如大小为1/4）

---

是否可以使用一些纯web工具包css艺术？还是需要javascript+图像组合？怎么做呢？

你要找的东西可以称为模态窗口。可以使用，但只有IE9+、Firefox4、Chrome和Opera支持

对于跨浏览器解决方案，您应该查看可以呈现相同效果的javascript脚本。有许多流行的软件包，如、、等

---

如果您使用的是ASP.NET，则中有ModalPopupXtender，它将为您提供这种效果

您要查找的内容可以称为模式窗口。可以使用，但只有IE9+、Firefox4、Chrome和Opera支持

对于跨浏览器解决方案，您应该查看可以呈现相同效果的javascript脚本。有许多流行的软件包，如、、等

如果您使用的是ASP.NET，则中有ModalPopupXtender，它将为您提供这种效果

从这句话中：

Web工具包css div shadow：可能吗 使用纯css将其放在div上

还有这个：

用户在新div上看到阴影效果

似乎你在问是否有可能使用CSS在内部

div

周围创建“阴影”效果

Chrome的“设置”页面用于执行此操作：

-webkit-box-shadow: 0 5px 80px #505050;

box shadow

适用于以下浏览器：

跨浏览器CSS是：

-webkit-box-shadow: 0 5px 80px #505050;
-moz-box-shadow: 0 5px 80px #505050;
box-shadow: 0 5px 80px #505050; 

如果您需要它在旧版本的IE中工作，您可以使用在这些浏览器中模拟

框阴影

如果您想了解如何做到这一点（模式窗口）的JavaScript方面，那么另一个答案将非常全面地介绍这一点。
摘自此引文：

Web工具包css div shadow：可能吗
使用纯css将其放在div上

还有这个：

用户在新div上看到阴影效果

似乎你在问是否有可能使用CSS在内部
div
周围创建“阴影”效果

Chrome的“设置”页面用于执行此操作：

-webkit-box-shadow: 0 5px 80px #505050;

box shadow
适用于以下浏览器：

跨浏览器CSS是：

-webkit-box-shadow: 0 5px 80px #505050;
-moz-box-shadow: 0 5px 80px #505050;
box-shadow: 0 5px 80px #505050; 


如果您需要它在旧版本的IE中工作，您可以使用在这些浏览器中模拟
框阴影

如果您想了解如何实现这一点（模式窗口）的JavaScript方面，那么另一个答案将完全涵盖它。
您需要两件事：一个是对话框阴影的div，另一个是对话框后面不透明50%左右的div。这可以通过大多数浏览器（包括ie）中的一些css来实现。请阅读这篇关于如何在所有浏览器中使用方框阴影的文章：

因此，您的html将如下所示：

<div class="overlay"/>
<div class="dialogbox">someContent</div>

}
您需要两样东西：一个是对话框阴影的div，另一个是对话框后面的div，不透明度为50%左右。这可以通过大多数浏览器（包括ie）中的一些css来实现。请阅读这篇关于如何在所有浏览器中使用方框阴影的文章：

因此，您的html将如下所示：

<div class="overlay"/>
<div class="dialogbox">someContent</div>

}