q 팁과 창 7 툴팁 스타일

Question

qTip을 사용하여 내 웹 사이트 툴팁에 사용자 정의 컨트롤을 추가하고 있습니다. 나는 윈도우 7과 똑같이 보일 커스텀 CSS 디자인을 설정하고 싶다. 나는 그것의 지옥을 위해, 그것의 외모와 모방을 모방 할 수 없다.

누구든지 알고 있습니까? Windows 7이 웹 브라우저 용 사용자 정의 CSS 파일을 어딘가에 저장하는 경우? 그렇지 않다면 합리적인 비슷한 스타일을 어떻게 모방 할 수 있습니까?

Answer 1

Win7 툴팁을 모방하려는 경우 아래의 CSS 클래스를 사용할 수 있습니다. CSS3를 사용하기 때문에 구형 브라우저에서는 잘 동작하지 않습니다.

.tooltip { 
      font-family: "Segoe UI", tahoma, verdana, sans serif; 
      font-size: 10px; 
       border: 1px solid #89898b; 
      max-width: 300px; 
       color: #535353; 
    background-color: #ffffff; 
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaf0); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eaeaf0)); 
    background-image: -webkit-linear-gradient(#ffffff, #eaeaf0); 
    background-image: linear-gradient(top, #ffffff, #eaeaf0); 
       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaf0'); 
     -moz-box-shadow: 4px 4px 4px #535353; 
    -webkit-box-shadow: 4px 4px 4px #535353; 
      box-shadow: 4px 4px 4px #535353; 
       padding: 4px; 
    -moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
     border-radius: 2px; 

} 

CSS 클래스 here의 샘플을 볼 수 있습니다.