首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >qTip和windows 7工具提示样式

qTip和windows 7工具提示样式
EN

Stack Overflow用户
提问于 2011-03-17 16:17:19
回答 1查看 543关注 0票数 1

我正在使用qTip在我的网站工具提示上添加一些自定义控件。我想设置一个自定义的css设计,让它看起来和windows7一样,但我不能让它见鬼去,模仿它的外观和感觉。

有人知道windows7是否会将web浏览器的自定义css文件保存在某个地方吗?如果没有,我还能如何模仿合理的相似风格呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-03-17 17:44:48

如果想要模仿Win7工具提示,可以使用下面的CSS类。它利用了CSS3,所以它在老的浏览器中不能很好地工作。

代码语言:javascript
复制
.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的示例。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5336510

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档