当前位置：文江博客话题详情

qTip 和 Windows 7 工具提示样式

发布于 2024-10-24 02:44:29 字数 159 浏览 2 评论 0原文

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

有谁知道 Windows 7 是否在某处保存 Web 浏览器的自定义 css 文件？如果没有，我还能如何模仿合理的相似风格？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

作死小能手 2024-10-31 02:44:29

如果你想尝试模仿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 类的示例。

If you want to try to mimic the Win7 tooltip, you can use the CSS class underneath. It utilizes CSS3, so it won't work well in older browsers.

.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;

}

You can see a sample of the CSS class here.

回复收藏 0 原文

~没有更多了~