Internet Explorer:오버플로 떠

StackOverflow https://stackoverflow.com/questions/1641992

문제

가 img 내부 div.내가 설정한 img"부동:오른쪽",그리고 div 는"오버플로우:숨겨진".기 때문에 div 보다 좁은 img,기대 왼쪽 부분의 img 을 잘하고 숨겨진,실제로 이 경우에 들어 있습니다.그러나,즉 인정하기를 거부된"부동:바로"속성의 img,항상 고정 img 의 왼쪽 div 및 절단 오른쪽 부분의 img.가 이러한 문제에 대한 해결책을?나 내가 뭔가 잘못하고 있는가?


**배경 정보

그 이유는 내가 이것을 하고 싶기 때문에 내가 원하는 img 나타나는 와의"맹인"효력(왼쪽에서 오른쪽),다음 사라와 비슷한 맹 효과(시를 왼쪽에서 오른쪽).

jquery 의 기본이 맹인 효과를 처리하지 않은 사라지고 왼쪽에서 오른쪽.내가 추측하는 이유는 특정 모드(대 숨기기쇼)특정 방향(오른쪽 대 왼쪽 상단이나 대단)조합을 필요로 추가적인 움직임의 왼쪽 상단의 위치 div.게 보여주는 예입니다.우리가 원하는 이미지를 만들기 위해 나타나는 왼쪽에서 오른쪽으로 맹인 효과가 있다.만,이는 간단하다,우리는 단지 설정 div 오버플로우 숨겨진 이미지가 떠 왼쪽,그 변화의 폭 div0 폭의 이미지입니다.다른 한편으로는 경우,이제 우리는 원하는 이미지를 만들기 위해 사라지게 왼쪽에서 오른쪽으로 맹인 효과를,우리는 이미지를 설정 float 권리,그리고 수축의 폭 div 에서는 이미지 너비를 0 으로 하는 동안 이끌어 div 의 왼쪽 상단 오른쪽으로 유지하기 위해서는 이미지의 오른쪽 가장자리에 고정되어 있다.

나가 작성된 코드를 통합하는 왼쪽 위 모서리의 움직임을,그것은에서 잘 작동합 FF,하지만 실패한다.기 때문에 IE 지 않습을 존중 float:right 고 주장하는 대신에 고정의 이미지를 왼쪽,그 효과는 그의 jquery 의 슬라이드"를"대신에"블라인드"애니메이션이다.

도움이 되었습니까?

해결책

당신이 시도할 수 있는 다음에 대한 즉 7:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<div style="overflow: hidden; width: 150px; direction: rtl;">
   <img src="yourimage.png" style="float: right" />
</div>
</body>
</html>

방향:rtl styel 이 나를 위해서 인터넷 익스플로러 8 를 사용하여 인터넷 익스플로러 7 이 표준을 모니다.IE8 를 사용하여 인터넷 익스플로러 8 기준을 필요로하지 않는 방향으로 스타일입니다.

이를 해결할 수 있습니다 당신의 문제입니다.나는 확실하지 않다면 그것은 작품과 함께 다른 어떤 콘텐츠에 할 수 있습니다 div 지만,그것을 달성 할 것으로 보인 영향으로 원하는 이미지입니다.

다른 팁

최악의 경우 : 이미지의 왼쪽에 흰색 div를 밀어 내겠습니까? 그래도 매우 교차 플랫폼.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top