我正在使用qTip在我的网站工具提示上添加一些自定义控件。我想设置一个自定义的css设计,让它看起来和windows7一样,但我不能让它见鬼去,模仿它的外观和感觉。
有人知道windows7是否会将web浏览器的自定义css文件保存在某个地方吗?如果没有,我还能如何模仿合理的相似风格呢?
发布于 2011-03-17 17:44:48
如果想要模仿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的示例。
https://stackoverflow.com/questions/5336510
复制相似问题