悬停时显示div跨度样式
悬停时显示div跨度样式
提问于 2011-06-09 06:11:14
标题可能有点误导。
http://jsfiddle.net/whb8A/
我在span标记中有一个h3元素，当然它不应该放在那里，但是我似乎不能以我想要的方式在div中设置跨区文本的样式。
如果你将鼠标悬停在jsfiddle中的图像上，隐藏的div就会显示出来，这正是我想要的样子，但如果我把h3标签从文本中去掉，我似乎无法用CSS对其进行样式设置。
我是否应该考虑使用Jquery替代方案？如果是这样的话，任何指南的教程都会很棒，谢谢
更新:感谢你到目前为止的帮助，但我不认为我已经解释得很好了。
http://imageshack.us/photo/my-images/827/examplewc.jpg/
左边是我想要的样式，但是删除h3标记和从.info类中删除h3会使它的样式类似于右侧。我最关心的是边框的宽度、位置和填充
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-11 04:00:03
如果有人感兴趣，我已经解决了这个问题。
我没有使用div标记和跨度，而是删除了这两个标记，并在悬停时出现的h3中放置了一个div。你可以在下面的小提琴中看到我的意思。现在在html5中验证，这就是我想要的，谢谢你的帮助
http://jsfiddle.net/whb8A/62/
Stack Overflow用户
发布于 2011-06-09 06:26:17
另一种解决方案是将文本样式定义直接放在<a>标记下，以便覆盖默认的锚定标记样式。示例：
.featured a {
color: #fff;
text-transform: uppercase;
}Stack Overflow用户
发布于 2011-06-09 06:19:14
当我放置<h3>标记时，我看到的是文本周围的边距丢失。如果您想要恢复，只需将<h3>替换为<span>，更改CSS以匹配它而不是h3，并将display: block添加到规则中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6285891
复制相关文章
相似问题
腾讯云开发者
