gpt4 book ai didi

jquery - 使用 jQuery 时的最大宽度

转载 作者:行者123 更新时间:2023-11-28 12:54:28 26 4
gpt4 key购买 nike

我正在使用 jQuery 并尝试在受 jQuery 影响但无法使其工作的图像上实现最大宽度属性。谁能帮我?这是我所有的编码:

    <!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/

最佳答案

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

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

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

Example

关于jquery - 使用 jQuery 时的最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16659790/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com