Question

我有一个包含一些对话框的网页。我为这些对话框制作了模糊背景。它一直工作到现在。但是当用户关闭对话框时，我的所有样式都会被破坏。例如，边界半径将消失并溢出：隐藏不起作用。为什么会这样呢？我该如何解决这个问题？

这是打开对话框的代码：

$("#faq").click(function(){
    $("#bg, #FAQ").slideDown(300);
    $("#b").css("-webkit-filter","blur(100px)");
});

这是关闭对话框的代码：

$("#bg").click(function(){
    $("#addtocart, #tamas, #about, #khabar, #FAQ, #bg").fadeOut(500);
    $("#b").css("-webkit-filter","blur(0px)");
});

另外一件事，当我使用此代码显示对话框时，一切都将比以前慢。如何解决这个问题？

这是HTML代码：

<div id="b">
    <nav id="navigation">
        <a href="http://www.address.net"><img src="images/HSLogo.png" id="Logo"></a>
        <span id="Logotext">Store</span>
        <ul id="nav_list">
            <li id="faq">Item 1</li>
            <li id="tbm">Item 2</li>
            <li id="abu">Item 3</li>
            <li id="nws">Item 4</li>
        </ul>
    </nav>



    <section id="products">
        <div id="prdct10" class="product">
            <img src="images/10ditcb.png" title="...اطلاعات بیشتر" class="bg 10d" width="102%" height="102%">
        </div>

        <div id="prdct15" class="product">
            <img src="images/15ditcb.png" title="...اطلاعات بیشتر" class="bg 15d" width="102%" height="102%">
        </div>

        <div id="prdct25" class="product">
            <img src="images/25ditcb.png" title="...اطلاعات بیشتر" class="bg 25d" width="102%" height="102%">
        </div>

        <div id="prdct50" class="product">
            <img src="images/50ditcb.png" title="...اطلاعات بیشتر" class="bg 50d" width="102%" height="102%">
        </div>

        <div id="prdct100" class="product">
            <img src="images/100ditcb.png" title="...اطلاعات بیشتر" class="bg 100d" width="102%" height="102%">
        </div>

        <div id="prdcta" class="product">
            <img src="images/appleid.png" title="...اطلاعات بیشتر" class="bg aid" width="102%" height="102%">
        </div>
    </section>


    <section id="copyright">
        <p>Text Text</p>
    </section>
    </div>

感谢阅读

我有使用CSS与jQuery的一些问题

0 个答案: