jquery UI의 CSS 파일

jquery UI 플러그인 (themeroller)에 대한 설명서를 읽었습니다. 이 플러그인은 웹 디자인을 더욱 추상화하기 때문에 기본적으로 jquery가 현장에서 무엇을하는지 이해하고 있는지 확인하고 싶습니다.jquery UI의 CSS 파일

나는 지금 Dialoge 상자의 예를 이용하고 있고 나는 다음과 같은 CSS 코드를 사용하는 것을 발견 :

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
    -moz-border-radius-topleft: 4px; 
    -webkit-border-top-left-radius: 4px; 
    -khtml-border-top-left-radius: 4px; 
    border-top-left-radius: 4px; 
}

을 내가 -webkit 등의 CSS 스타일을 -moz을 인식하지 못합니다. 누군가이 모든 스타일이 무엇인지 나에게 설명 할 수 있습니까? 나는 googleing 그들을 시도하고 비어있는 올랐다.

출처

2011-09-21 Joseph

이들은 공급 업체별 CSS 설정입니다. 일반적으로 CSS 규칙이 모든 브라우저에서 완전히 채택되지 않은 경우 제조업체는 스타일 앞에 이름 앞에 접두사를 추가하여 스타일 지원을 추가합니다.

-ms- Microsoft 
mso- Microsoft Office 
-moz- Mozilla Foundation (Gecko-based browsers) 
-o- Opera Software 
-atsc- Advanced Television Standards Committee 
-wap- The WAP Forum 
-webkit- Safari (and other WebKit-based browsers) 
-khtml- Konqueror browser

http://reference.sitepoint.com/css/vendorspecific

출처

2011-09-21 20:28:04 CheckRaise

이 모든 것들은 기본적으로 동일한 스타일을 설정하지만 브라우저마다 다릅니다.

출처

2011-09-21 20:26:01 Snicksie

브라우저가 border-radius css 속성을 이해하지 못해 예전과는 다른 오래된 브라우저와의 하위 호환성을위한 것입니다. 이러한 특정 용어를 사용하면 해당 브라우저가 결국 스타일을 이해하고 적용 할 수 있습니다. 기본적으로 이것은 구형 브라우저 용입니다.

출처

2011-09-21 20:27:19 JNDPNT

브라우저는 HTML5 (이 경우 또는 더 정확하게 CSS3는) 인기가 있지만, 그들은 종종 약간 다른 방법으로 구현 전부터 CSS에 자신의 확장을 구현하고있다. 다른 브라우저와의 충돌을 피하기 위해 Firefox는 -moz으로 "독점"확장을 접두어로, -webkit과 같이 Webkit을 접두사로 사용합니다.

다음은 MDN documentation입니다. 접두사 앞에 하이픈이 있고 결과가 제외되므로 정확하게 google을 입력 할 수 없습니다. moz-border-radius-topleft이 도움이 될 것입니다.

출처

2011-09-21 20:29:26 Dennis

이 속성의 구현은 각 브라우저마다 다릅니다.

...이 속성의 이름은 파이어 폭스 (-moz), 크롬 (-webkit) 등과 호환 스타일을 만드는 앞에 덧붙이

http://www.css3.info/preview/rounded-border/

출처

2011-09-21 20:31:47

jquery UI의 CSS 파일

답변

관련 문제