Question

我想删除阴影/模糊div id = "test"对话框的背景，我尝试使用jquery ui提供的类.ui-widget-shadow / .ui-widget-overlay但它没有'似乎工作正常。有没有办法实现这个目标？感谢。

  <style>
    div {
        display: none;
        width: 90%;
        height: 95%;
        margin-left:5%;
        background: #ccc;
        border: 1px solid #000;
    }

    div img {
        display: inline;
        margin-left:5%;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<body>

<button>show the div</button>
<div id = 'test'> <img src = 'image.png'></div>

<script>
$( "button" ).click(function() {
    $( "div" ).show( "scale", 180 );
});

$( "#test" ).dblclick(function() {
    $( "#test" ).hide( "scale", 200 );
});

</script>

Answer 1

你没有做过任何相关的事情！

如果drop-shadow需要#test，那么您可以使用此CSS：

#test {box-shadow: 10px 10px 5px #000;}

您可以使用多个online box-shadow generators生成代码。

否则，如果您需要隐藏或模糊背景的模态窗口，则需要添加另一个div并提供z-index等。您可以查看更多信息：Simple jQuery Modal Window Tutorial。

使用css / jquery删除对话框后面的阴影？

1 个答案:

你没有做过任何相关的事情！