0

我正在使用 jQuery 并尝试在受 jQuery 影响但无法使其正常工作的图像上实现 max-width 属性。谁能帮我？这是我所有的编码：

    <!DOCTYPE html>
    <html>
    <head>
    <title>Test</title>
    </head>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script>
    $(window).load(function () {
    setTimeout(function () {
    $('div.fade > div') . fadeIn(3000) // 3 second fade in
    }, 2000) // after 2 seconds.
    })
    </script>


    <style>
    .img{
        max-width: 100%;
    }
    html
    {
        background-image:url(purplegrad.png);
        background-position: center;
    }
    .container
    {
        position:relative;
        margin-top:100px;
    }
   .fade
   {
        position:relative;
        width:800px;
        z-index:1;
        margin:auto;
    }
    .inside 
    {
        position: absolute;
        display: none;
        z-index:2;
        top:0;
        left:0;
    }

  </style>

    <body>
        <div class="container">
            <div class="fade">
                <img class="img" src="namelarge.png" />
                    <div class="inside">
                        <img class="img" src="nameglow.png" />
                    </div>
            </div>
        </div>
    </body>

    </html>

这是我的 jQuery 的一个例子，有人在 jQuery 论坛上帮助我：http: //jsfiddle.net/jakecigar/HS2f9/

4

1 回答 1

0

我不是 100% 了解您正在寻找的内容，因为您的示例中没有最大宽度，但我相信您想要：

.fade div img {
        max-width: 100%;
}

这将确保您的第二张图片设置正确。

例子

于 2013-05-20T23:26:21.213 回答