2009-12-04 3 views
2

사파리로만 읽을 수있는 CSS를 추가하려면 어떻게해야합니까? 이/예 등사파리 조건부 CSS

감사

을 FF에 잘 같이 bascially 사업부는 왼쪽으로 5pixels 이동이 필요

편집 - 추가 된 코드

코드 : 당신이 수표를 가질 수

#subheading 
{ 
background-color: #004376; 
color: #ffffff; 
height: 25px; 
padding: 10px; 
margin: 0 933px; 
margin-top: -25px; 
width: 761px; 
} 
+1

코드가 유용 할 것입니다. 웹킷 버그 일 가능성이 매우 낮습니다. 코딩 방법을 바꿀 수 있으며 제대로 작동 할 것입니다. –

답변

6

웹킷의 특정 CSS 속성 이것은 크롬에서도 잘 작동 할 것입니다.

@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .someClass{ 
      color:#FF0000; 
     } 
    } 
+0

사파리 만의 버그 인 것 같습니다. 내가 이것을 위해서만 얻을 수있는 기회. – Elliott

+1

크롬에도 버그가 없습니까? 나는 그들이 같은 렌더링 엔진을 가지고 있다고 생각한다. – Jage

+0

예. 방금 확인했는데 괜찮아 보입니다. – Elliott

0
margin: 0 933px; 
margin-top: -25px; 
width: 761px; 

이 바로 소리를하지 않습니다. 첫 번째 줄은 왼쪽 여백과 오른쪽 여백을 모두 933px로 설정합니다. 너비는 761px입니다. 요소의 전체 폭은 (933 * 2 + 10 * 2 + 761) = 2647px입니다.

이것이 원하는 것입니까?

+0

나는이 일과 관련이 있다고 생각했지만, 사파리가 아닌 모든 것에 잘 보여줄 것으로 보인다. 수정 사항은 무엇입니까? thanks – Elliott

+0

다른 우선 적용이있을 수 있습니다. 문제를 재현하는 작은 테스트 케이스 또는 페이지에 대한 링크를 게시 할 수 있습니까? –

+0

어떻게 생겼을 까? IE8, Firefox, Chrome에서 나에게도 똑같이 보입니다. –