이미지가 브라우저에 올바르게 표시되지 않음

이미지에이 website이 있습니다. 그것은 모든 브라우저에서 나타나지만 Firefox에서는 그 위치가 잘못되었습니다. 같은 웹 사이트에서 미로에 다른 이미지가 있습니다. 사파리에서 회색 상자를 열면 이미지가 나타납니다. 이 문제를 어떻게 해결할 수 있습니까? 감사!이미지가 브라우저에 올바르게 표시되지 않음

출처

2013-02-14 Thomas Lai

이 버그들의 스크린 샷이 있습니까? –

'마침'이미지에 대해 이야기하고 있습니까? 질문을 더 분명하게하십시오. –

네, 마무리 이미지와 마우스 이미지에 대해 얘기하고 있습니다. –

Firefox 렌더링 엔진에서 position: relative이 정의되지 않았기 때문입니다. 따라서 절대 위치 이미지는 위치 지정이있는 다음 상위 요소 (section 요소)로 점프합니다. 당신은 단지 이미지에 절대 위치를 제거하는 경우가 어쨌든 올바른 자리에있는 것처럼

See more details here

, 그것은 보인다.

출처

2013-02-14 04:40:52 Giles

고마워. 나는 그것을 제거했다. –

당신은 이미지 아래의 속성을 제거하여이를 달성 할 수

position:absolute;

'절대'필요한 경우,

.finish { 
display: block; 
position: relative; 
}

그것이 '정렬하는 데 도움이됩니다 희망 당신의 CSS이 추가 시도 finish 'image

출처

2013-02-14 04:37:02

감사합니다.이 작업은 가능하지만 내 회색 상자는 여전히 사파리에 나타납니다. –

@ user2034878 : 내 사파리 (v5.1)의 회색 상자는 볼 수 없습니다. 스크린 샷이 있습니까? –

절대 신경 쓰지 마라, 고마워. –

이미지가 브라우저에 올바르게 표시되지 않음

답변

관련 문제