div의 테두리가 내용으로 숨김.

제목이 제대로 설명하는지 잘 모름. 나는 내 문제의 바이올린을 만들었다 : Fiddle . 오른쪽 상자에 마우스를 올리면 테두리가 제대로 표시됩니다. 그러나 상자의 내용물이 숨겨져 있습니다. 국경을 계속 유지할 수있는 방법이 있습니까?div의 테두리가 내용으로 숨김.

편집 : CSS로 고정 : 오버플로 : 숨김;

2013-07-01 Bolhuis

상자를 넓게 만듭니다. 테두리는 내용 외부에 있어야하기 때문에 상자 안의 내용 (이미지) 크기는 –

이어야합니다. 원하지 않는 내용입니다. 국경이 안에 있다고 가정합니다. 그게 전부 도전 친구. – Bolhuis

글쎄, 그것은 도전이 아니에요, 그때는 불가능합니다. 물론 같은 결과를 얻을 수는 있지만 경계 속성을 사용하지는 마십시오. –

이미지는 애니메이션을 덮고있는 상자 위에 렌더링됩니다. 이미지를 가져 가면 호버 기능이 두 상자에서 모두 작동한다는 것을 알 수 있습니다.

이미지가 들어있는 div 대신 이미지 용 CSS를 추가해야 할 수도 있습니다.

2013-07-01 15:26:40 Sonofblip

고마워.하지만 그건 내가 무엇을 추가해야할지 모르겠으니 많이 도움이되지 못한다. – Bolhuis

내부 div의 크기가 아닌 div + border ... 또는 cfr 내 의견의 전체 크기가 아닌 다른 효과를 얻기 위해 필요한 내용입니다. –

전체 묶음 위에 다른 DIV를 추가하여 고정했습니다. – Bolhuis

답변