Question

我正在使用qTip为我的网站工具提示添加一些自定义控件。我想设置一个看起来与windows 7相同的自定义css设计。我不能为它做坏事，模仿它的外观和感觉。

有谁知道如果Windows 7在某处为Web浏览器保存自定义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的示例。

qTip和Windows 7工具提示样式

1 个答案: