gpt4 book ai didi

javascript - js动画 block 里面有图片

转载 作者:行者123 更新时间:2023-11-28 13:43:22 25 4
gpt4 key购买 nike

有一个内部有另一个相关 block 的 block ,它具有父 block 样式的背景(如图片)。当我尝试更改 block 的宽度时,相关 block 消失了。

picture

<!DOCTYPE html>

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style>
#button
{
width: 195px ;
height: 60px;
display: inline-block;
position: relative;
background: url('/res/bg.png') repeat-x;
}
#button div#arrow
{
background: url('/res/Arrow.png') no-repeat;
width: 30px;
height: 60px;
display: block;
position: absolute;
top:0px;
right: -30px;
}


</style>
</head>
<body>

<div id='button'>
<div id='arrow'></div>
</div>
</body>
</html>

忘了动画代码:$('#button').animate({width:'-=120px'}, 2000)

最佳答案

在父 div 上设置 overflow: visible !important
演示:http://jsfiddle.net/P5CHX/2/

关于javascript - js动画 block 里面有图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12157181/

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