jquery - qTip 和 windows 7 工具提示样式

Question

我正在使用 qTip 为我的网站工具提示添加一些自定义控件。我想设置一个看起来与 Windows 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 .