如何为静态背景图像创建悬停效果…
How to create a hover effect for static background images...?
我不是一个js家伙,但我正试图找到一种方法,使一个"气泡"出现在它的内容,当访问者鼠标在背景图像。HTML看起来像这样:
<div id="certifications">
<p class="gold left">Microsoft Gold Partner</p>
<p class="sdvo center">Service Disabled Veteran Owned Small Business</p>
<p class="ibm right">IBM Authorized Partner</p>
</div><!-- end #certifications -->
控制该区域的CSS看起来是这样的
#certifications {
height: 111px;
clear: both;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
}
#certifications p {
margin-top: 20px;
text-indent: -9999px;
}
#certifications .gold {
background-image: url(images/microsoft-gold.jpg);
background-repeat: no-repeat;
display: inline;
height: 70px;
width: 33%;
float: left;
margin-top: 25px;
padding: 0;
}
#certifications .sdvo {
background-image: url(images/sdvosb.png);
background-repeat: no-repeat;
display: inline;
height: 100px;
width: 30%;
float: left;
margin-left: 20px;
}
#certifications .ibm {
background-image: url(images/partners/IBM.png);
background-repeat: no-repeat;
display: inline;
height: 99px;
width: 31%;
margin-top: 25px;
margin-left: -50px;
}
当有人将鼠标放在三个背景图像中的任何一个上时,我希望效果出现(理想情况下只使用CSS,但如果我需要使用JS,那么这不是什么大问题)。关键是要使它向后兼容IE6。
我将继续研究这个问题,如果我找到答案,我会发布,但我真的很感激你们可能提供的任何见解。感谢您的时间和见解!我喜欢偷懒编码,不喜欢重复工作。这些家伙已经用了十几种不同的方法。http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/
相关文章:
- 使用Jquery创建一个具有单击和悬停功能的菜单
- 在悬停事件中创建一次性操作
- 创建随机图像交换并禁止鼠标悬停事件
- 正在创建一个事件以更改鼠标悬停时的图片
- 我可以在HTML5画布中创建图形形状对象吗?以及当用户将鼠标悬停在形状上时如何将光标显示为指针
- 如何在HTML中创建一个信息框,显示与悬停SVG路径相关的信息
- 使用单击和悬停事件在jquery中创建虚拟鼠标垫
- jQuery-悬停在动态创建的元素setTimeout上
- 从两个单独的函数创建 JQuery 悬停
- jQuery 悬停意图创建和删除元素
- 为什么addEventListener只执行我的函数,而不为其创建鼠标悬停/鼠标打开事件
- 如何在 D3 中创建工具提示,以便在图形中节点上的鼠标悬停上获取图像
- 如何使用jQuery在菜单悬停上创建滑动动画
- 如何使用 MVC3 Razor 在 _layout.cshmtl 上创建悬停下拉操作链接
- 创建同步悬停效果
- 如何在画布上创建悬停按钮
- 如何将鼠标悬停在链接上时在链接旁边创建弹出框
- 鼠标悬停事件仅适用于上次创建的传单地图
- 是否可以创建当鼠标悬停在
标记内的文本上时出现的工具提示
- 当我将鼠标悬停在动态创建的行上时,行中的选择元素(标签)选项无法正确下拉.火狐问题