IE 9 이상용 iWebkit CSS

Question

iWebkit은 주로 내가 아는 한 Chrome 및 Safari에서 작동하도록 작성되었습니다. 이제 iwbkit을 웹 사이트 (데스크톱 화면 용)에서 사용하고 있으며 Firefox와 IE 9 (및 이전 버전)와 호환되도록하고 싶습니다.

이제 파이어 폭스 용 웹킷 스타일 시트를 찾았지만 IE 용 CSS 스타일링은 크롬 및 파이어 폭스와 많이 다르므로 IE 용 파이어 폭스 스타일 시트 편집은 많은 시간과 노력이 필요합니다. 또한 IE에서 지원하지 않는 파이어 폭스 웹킷 CSS 파일에는 테두리 이미지와 같은 스타일이 있으므로 게으르다 고 볼 수는 없습니다.

그래서 기본적으로 IE 용 스타일 시트가 있는지 알고 싶습니다. Firefox 용/크롬/사파리 CSS 속성 및 스타일을 각각 사용자 정의하는 것은 매우 어려울 수 있습니다. IE와 파이어 폭스, 크롬/사파리가 많다.

IE6-10에서 작동하는 iWebkit 스타일 시트를 얻으려면 어떻게해야합니까? http://svn.trynull.com/iwebkitmozilla/tags/

Answer 1

http://colorzilla.com/gradient-editor/으로 가서 iWebkit 또는 Mozilla 스타일을 편집기에 꽂기 만하면 IE와 비슷한 결과가 나옵니다. -webkit-border-image와 같은 다른 스타일의 경우 w3school에서 w3school을 검색하여 IE가 있는지 확인할 수 있습니다.

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5df), color-stop 
(0%,#6d84a2), color-stop(99%,#6d84a2)); 

IE

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd5df', 
endColorstr='#6d84a2',GradientType=0); /* IE6-8 */ 

Answer 2

당신은 아마 크롬 프레임을 사용할 수 있습니다 여기에

내가 얘기 한 파이어 폭스 iWebkit 스타일 시트에 대한 링크입니다. 그들이 웹킷 기반 브라우저이기 때문에 그 너머 https://developers.google.com/chrome/chrome-frame/

은 iWebKit는 크롬 및 사파리에서 작동합니다. (따라서 이름) CSS는 많은 업체 고유의 접두사를 사용합니다. 이 같은

것들 :

#leftnav a 
{ 
    -webkit-border-image:url("../images/navlinkleft.png") 0 5px 0 13px; 
    z-index:3; 
    margin-left:-4px; 
    padding-right:4px; 
    -webkit-border-top-left-radius:16px; 
    -webkit-border-bottom-left-radius:16px; 
    -webkit-border-top-right-radius:6px; 
    -webkit-border-bottom-right-radius:6px; 
    float:left; 
    border-width:0 5px 0 13px; 
} 

혹시 IE에서 기본적으로 실행되지 않습니다. 당신은 코드를 다시 작성할 수 있지만 (CSS, 다시 말해서 브라우저 고유의 기능조차도 아님), IE에서 iOS 인터페이스를 시작하는 이유는 무엇입니까?