IE8에서 Safari CSS 해킹

HTML 페이지에서 Mozilla Firefox14, IE8, Safari5.1.1, Chrome19를 지원합니다. 이 모든 브라우저를 지원하기 위해 CSS 해킹을 사용해야 페이지의 요소가 올바르게 정렬됩니다. 모질라 파이어 폭스와 IE8에 대한IE8에서 Safari CSS 해킹

: 사파리 & 크롬

.dis_stats 
{ 
position:absolute; 
margin-top:-30px; 
margin-left:-190px; 
background:#E0E0E0; 
width:141px; 
height:80px; 
_position:relative; 
_margin-top:-460px; 
_margin-left:115px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.dis_stats 
{ 
position:absolute; 
background:#E0E0E0; 
margin-top:-30px; 
margin-left:731px; 
width:141; 
height:80; 
} 
}

이 지금은 완벽하게 실행되는 모질라에서 무슨 일이 일어나고 있는지 아래

는 CSS입니다. 하지만 IE8에서는 Safari & 크롬에 정의 된 속성을 적용하고 Safari & 크롬 속성 중 하나를 제거하면 의도 한 속성 (예 : IE8 & Mozilla에 정의 됨)에서 동일한 속성을 선택합니다.

나는 이런 일이 일어나는 이유를 전혀 알지 못합니다. 누구든지 여기서 무엇이 잘못 되었는가를 제안 해주십시오.

출처

2013-04-15 Infotechie

유일한 차이점은 'margin-left'입니다. 그 사실을 알고 있습니까? – MMM

네,하지만 요점은 SAFARI & CHROME을위한 CSS를 선택하는 이유입니다. – Infotechie

거기에 더 있어야, 어딘가에 전체 CSS 파일을 보여줄 수있다. – MMM

표준을 준수하며 해킹이 필요하지 않은 버전을 해결하는 것이 좋습니다. 이건 정말 IE 뭐가 잘못 됐는지 설명하지 않지만, 일부 IE 관련 문제를 해결할 수

<!--[if lt IE 8]> 
<style type="text/css" src="path/to/ie-only-style.css"> 
<![endif]-->

: 하지만 해킹해야하는 경우, 조건부 의견을 고려할 수는 특별히 별도의 스타일 시트와 IE 8이 그 문제를 해결 너무 많은 시간을 사용하지 않고 (유지 보수 비용으로).

출처

2014-01-15 01:57:39 Xilexio

IE8에서 Safari CSS 해킹

답변

관련 문제