2010-06-17 4 views
2

좋은 습관은 아니지만 Palm webOS를 대상으로하는 CSS 해킹을 찾고 있습니다.Palm webOS CSS 해킹 타켓팅?

문제는 Safari 3 이상이 멋지 기 때문에 텍스트의 그라데이션 배경 애니메이션과 같은 몇 가지 작업을 수행 할 수 있지만 Safari에서만 가능하다는 것입니다.

지금은 @media screen and (-webkit-min-device-pixel-ratio:0) {}을 사용하고 있으며 매력, 오페라, 파이어 폭스 또는 기타와 같은 방식으로 작동합니다. 사파리에서 이미지를 배경으로 설정하면 이미지가 망가질 것이기 때문입니다.

하지만 Palm의 브라우저는 Webkit을 기반으로하며 내부의 규칙을 사용하며 Palm의 브라우저는 텍스트 배경을 지원하지 않으므로 텍스트 만 이동해도 이미지가 움직입니다.

나는 CSS 해킹을 선호하지만 자바 스크립트가 필요한 경우에는 해킹을 선호합니다.

답변

0

브라우저를 타겟팅 한 가장 쉬운 방법은 CSS Browser Selector plugin입니다. 하나의 CSS 파일이있어 선택기를 사용하여 대상 브라우저에 알리십시오.

.ie .myelement div 
{ 
border: 1px #ccc solid; 
} 

.webkit .myelement div 
{ 
border: 1px #f0f dashed; 
} 

저에게 멋진 작품입니다!

희망이 있으면 도움이됩니다.

+1

예.하지만 Palm webOS 브라우저를 지원하지 않습니다. – Tom