我正在尝试在 jqueryui 对话框周围放置阴影。就像是：
<div id="dialog-form" class="ui-widget-shadow ui-corner-all">
Some stuff in the box with a shadow around it
</div>
然后做：
$(function () {
$("#dialog-form").dialog({
resizable: false,
height: 300,
width: 350,
modal: true
});
});
在 JavaScript 部分。我怎样才能在周围形成阴影dialog-form dialog?
您可以使用 CSS3 来实现此目的，但它不适用于所有浏览器。
- 首先：在对话调用中，将“dialogClass”的值设置为等于您选择的类名称：
dialogClass: 'dialogWithDropShadow'
- 第二：在样式表中，在步骤 1 中指定的类上设置投影。
<style type="text/css">
.dialogWithDropShadow
{
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
</style>
或者，您必须使用其他投影技术（对话框后面的 div、图像等），由于您无法控制由 jquery ui 对话框呈现的 HTML，因此该技术会很复杂。
祝你好运！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
