社区
CSS
帖子详情
请问IE支持a:hover div这样的伪类吗
maq2000
2010-10-31 09:02:24
<style type="text/css">
<!--
a div{
display:none;
}
a:hover div{
display:block;
}
-->
</style>
</head>
<body>
<a href="#">aa<div></div></a>
</body>
在ie中先不显示div,但我鼠标移上去后他还是不显示,请问问题在哪里?该如何解决?
...全文
352
11
打赏
收藏
请问IE支持a:hover div这样的伪类吗
aa 在ie中先不显示div,但我鼠标移上去后他还是不显示,请问问题在哪里?该如何解决?
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
karl2738
2010-11-03
打赏
举报
回复
*inline
*a
*inline excluding an enclosed a element
咸魚先生
2010-11-02
打赏
举报
回复
支持啊,a:hover div 支持; div:hover a不支持
路伊阑珊
2010-11-02
打赏
举报
回复
[Quote=引用 1 楼 healer_kx 的回复:]
支持,div设置一下width, height.
[/Quote]
支持
miyacnn
2010-11-02
打赏
举报
回复
把你代码整理下,在IE6下不支持这样做的。在其他浏览器下都可以的。如果要实现这样的功能是不推荐这样做的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
a div{
display:block;
}
a:hover div{
width:100px;
height:100px;
border:1px solid #009;
}
-->
</style>
</head>
<body>
<a href="#">aa<div></div></a>
</body>
</html>
走在风中
2010-11-01
打赏
举报
回复
这个是支持的。
karl2738
2010-11-01
打赏
举报
回复
ie支持这么写,但最好用span 替换 div
a:hover span {}
<a href="#">链接<span>内容</span></a>
原因:
*inline
*a
*inline excluding an enclosed a element
coxo2008
2010-11-01
打赏
举报
回复
支持,随便给div个 width height color 就可以看到效果了
bhbhxy
2010-11-01
打赏
举报
回复
支持,但不支持li:hover这样的伪代码
zhaiweipeng1108
2010-11-01
打赏
举报
回复
IE6 不支持,其它都支持。
hookee
2010-10-31
打赏
举报
回复
给<a>中的 <div>一个高度, IE下可以显示的
healer_kx
2010-10-31
打赏
举报
回复
支持,div设置一下width, height.
IE6 IE7 IE8 css bug兼容性解决方法总结归纳
转自 http://blog.csdn.net/freshlover/article/details/7605207 1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外。 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,paddi
完美解决IE6对
hover
伪类
不
支持
的终极方案
在现代前端开发中,Internet Explorer 6(简称IE6)早已退出主流舞台,但在某些特定历史项目或遗留系统中,仍可能面临必须
支持
该浏览器的现实需求。IE6发布于2001年,其内核对CSS、DOM和JavaScript的
支持
极为有限,尤其在处理现代网页交互行为时存在诸多缺陷。其中最典型的问题之一便是不
支持
非超链接元素上的:
hover
伪类
,导致开发者无法通过标准CSS实现按钮、菜单等组件的悬停效果。这一限制不仅影响用户体验,也增加了跨浏览器样式的开发复杂度。
Whatever:
hover
– 无需javascript让IE
支持
丰富
伪类
绝大部分现代浏览器
支持
css 中的 :
hover
伪类
选择器,可以用于所有 html 元素。这很酷,因为这使你可以仅通过 css来对表格行(<tr>)应用鼠标滑过事件(mouseover)时的特殊效果。然而,万恶的IE,对 :
hover
伪类
顶多只提供了有限的
支持
,具体
支持
的程度要取决于你的IE浏览器的具体版本。 Whatever:
hover
是一个小小的脚本,它可以迅速、...
让谷歌CSS兼容IE
hover
伪类
例如IE只
支持
a:
hover
,不
支持
其他标签:
hover
, 下面拿li 标签做事例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> ...
html
div
hover
css,IE6不
支持
hover
赋予css样式的解决方法 如
div
:
hover
li:
hover
支持
一般对
div
选择器样式设置:
hover
ie6浏览器不
支持
,如li:
hover
img:
hover
.abc:
hover
非a链接标签设置
hover
其ie6均不
支持
,这里为大家整理完美兼容让ie6
支持
hover
赋予css样式。对于类似的“p:
hover
”、“img:
hover
”、"li:
hover
"、".abc:
hover
"、“#header:
hover
”...IE6不
支持
hover
,鼠标经过不会出...
CSS
61,117
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章