1
我创建了HTML和CSS一以下自定义提示。
它是HTML。
<a class="ttp" id="HelpIcon">
<img src="HelpIcon.gif" alt="" />
<div class="tooltip" id="ToolTipContainer">
sf sfsfs fsf fsd fsdfsf f skfksf sfs fskfsak fskldflsa fksafks afskladflkasf slkaf skfjskl fsjfl sflsf a </div>
</a>
这是CSS。
/简单哈弗没有URL/
a.ttp {
position:relative;
z-index:24;
color:#3ca3ff;
font-weight:normal;
font-size:11px;
font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
cursor:default;
}
a.ttp div {
display:none;
}
a.ttp:hover {
z-index:25;
color:#aaaaff;
}
a.ttp:hover div.tooltip {
display:block;
position:absolute;
top:3px;
padding:10px 0 0 0;
left:20px;
background-image:url(HoverImage.gif);
color:#993300;
text-align: center;
filter: alpha(opacity:90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
overflow:hidden;
width:200px;
height:120px;
}
我有一个问题。这对Chrome和Firefox来说工作得很好。但IE不行。我该如何解决它。
我在IE 8中看到它,您使用的是哪个版本的IE? – dnuttle
完全不相干,但你有没有考虑过开源的tooltip选项?应该更跨浏览器稳定?例如。 http://mojavelinux.com/projects/domtooltip/ – r0ast3d