2012-08-28 3 views
0

내부에 다른 상대 블록이있는 블록이 있습니다.이 블록은 배경과 같은 부모 블록 스타일을가집니다. 내 블록의 너비를 변경하려고하면 상대 블록이 사라집니다.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).

+1

모든 브라우저에서 사라 집니까? 데모 페이지를 제공 할 수 있습니까? – fcalderan

+0

애니메이션에 사용하는 js 문자열을 추가했습니다. js 콘솔에서 크롬으로 만 시도했습니다. –

+0

두 div를 아래에 그라디언트 배경이 있고 위쪽에는 화살표가있는 두 div를 놓을 수 있습니다 화살표 배경을 오른쪽 (배경 - 위치 : 오른쪽)에 놓습니다. 덜 오류가 발생하기 쉬운 것 같습니다 – Asciiom

답변

관련 문제