내부에 다른 상대 블록이있는 블록이 있습니다.이 블록은 배경과 같은 부모 블록 스타일을가집니다. 내 블록의 너비를 변경하려고하면 상대 블록이 사라집니다.js 이미지 내부에 이미지가있는 애니메이션 블록
<!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>
picture는 애니 메이팅의 코드에 대해 잊어 버렸 : $ ('# 버튼') 애니메이션 ({폭 : '- = 120 픽셀'}, 2000).
모든 브라우저에서 사라 집니까? 데모 페이지를 제공 할 수 있습니까? – fcalderan
애니메이션에 사용하는 js 문자열을 추가했습니다. js 콘솔에서 크롬으로 만 시도했습니다. –
두 div를 아래에 그라디언트 배경이 있고 위쪽에는 화살표가있는 두 div를 놓을 수 있습니다 화살표 배경을 오른쪽 (배경 - 위치 : 오른쪽)에 놓습니다. 덜 오류가 발생하기 쉬운 것 같습니다 – Asciiom