如何从CSS工具提示中删除透明度？ [英] How to remove transparency from CSS tooltip?
本文介绍了如何从CSS工具提示中删除透明度？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是我的HTML：
This my HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<style>
.container { margin-left: 15%; width: 70%; border: solid 1px; border-color: blueviolet;}
a.tooltip { position: relative;}
a.tooltip span em { font-style: normal; display: block; border-bottom: 1px dotted #000; }
a.tooltip span { white-space: nowrap; border: 1px solid #CCC; color: #333; padding: 5px; left: 50%; top: 0; width: auto; position: absolute; display: none; }
a.tooltip:hover span { display: block; }
a.tooltip span br { display: none;}
</style>
</head>
<body>
<div class="container">
<div>
<a class="tooltip">Hello World - now i'm online
<span>
Tooltip for Hello World1
line2
line3
</span>
</a>
</div>
<div>
<a class="tooltip">Hello soccer World - now i'm online
<span>
<img src=" http://images.all-free-download.com/images/graphicthumb/soccer_ball_clip_art_13012.jpg" alt
"Tooltip for Hello World2" width="50px" height="50px">
</span>
</a>
</div>
<div>
<a class="tooltip">Hello World3 - now i'm online
<span>
Tooltip for Hello World3
</span>
</a>
</div>
</div>
</body>
</html>
我的尝试：
What I have tried:
opacity: 1.0;
filter: alpha(opacity=100);
但它似乎不起作用...
But it does't seem to work...
推荐答案
作为解决方法，您尝试为您的跨度添加背景颜色
a.tooltip：悬停跨度{display：block; background-color：white; }
as a workaround did you try to add a background color for your span
a.tooltip:hover span { display: block; background-color:white; }
这篇关于如何从CSS工具提示中删除透明度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
