解决CSS伪类hover在IE8中失效的问题

最新推荐文章于 2021-01-28 17:27:06 发布

转载最新推荐文章于 2021-01-28 17:27:06 发布 · 2.2k 阅读

本文介绍 CSS 中 :hover 选择器的应用方法，通过示例展示了如何使用此选择器来改变鼠标悬浮在元素上时的样式。适用于前端开发者学习与参考。

CSS :hover选择器

CSS 选择器参考手册

实例

选择鼠标指针浮动在其上的元素，并设置其样式：

<!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">

来源（百度快照）来源（已被封）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林毅洋

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端CSS中“：hover”伪类选择器的使用

小蜗牛764号的博客

04-19

8036

在css中的:hover（悬停）伪类选择器，主要功能是我们用鼠标悬停在我们设置好的页面元素上时，用以触发我们设置的某一元素的属性效果。它不会改变原有的代码功能，但可以加强我们使用者的交互性。对一个超链接，如果我们鼠标悬停碰到它（移动鼠标碰到它），然后它出现了某种变化，如变大、变颜色等；或一个按钮，我们也用鼠标悬停碰到它的位置，原本方形变圆；又或者一张卡片，当鼠标悬停到它的位置时，它产生了阴影效果。网页有以上功能，这是不是可变得很有趣而丰富了呢？

IE8下hover无效

淘淘小窝

01-26

4679

一点点积累

参与评论您还未登录，请先登录后发表或查看评论

hover 在 ie 中使用失效问题

pankay的专栏

05-26

1836

xiug div,p,li,ul,dl,dt,dd,input,textarea,fieldset{margin:0;padding:0;} ul,li{ list-style:none;} a{outline:none;} body{background:#000;margin:0;padding:0;} .page_wrap{width:739px;height:564px; backgr

有关ie8 滤镜影响 :hover 的问题求大神解决下 ie8下 hover 不管用

weixin_30670925的博客

12-12

247

IE下hover失效的bug

weixin_30263277的博客

01-06

276

需要做这么一个简单的效果，鼠标放置在文字上的时候(即鼠标悬停)，显示手状的鼠标状态。按道理来讲，还是很容易实现的。步骤如下：设置了这么一个样式 1: li a 2: { font-size:13px; 3: text-decoration:none; 4: } ...

CSS a:hover伪类在IE6下的问题

09-25

标题中的“CSS a:hover伪类在IE6下的问题”指的是在Internet Explorer 6浏览器中，CSS的`:hover`伪类存在一些不兼容性的问题。`:hover`伪类通常用于定义鼠标悬停时元素的样式，它在现代浏览器中广泛应用于链接、按钮...

IE6下伪类hover失效问题及解决办法

09-25

在IE6这个古老的浏览器中，开发者常常会遇到一些与现代浏览器不同的兼容性问题，其中之一就是关于伪类`:hover`的失效问题。`:hover`伪类通常用于为元素添加鼠标悬停时的样式变化，比如链接在鼠标经过时改变颜色。在...

csshover.htc在IE7下使用:active伪类无效解决方法

12-13

csshover 相信做前端开发都知道，IE6、IE7都不支持:active伪类，IE6更甚，连:hover伪类都不支持。为了解决这个问题，一般都会引入一个csshover.htc文件来解决。目前该文件版本为3.11，如果你发现自己使用的不是...

ie6不兼容hover ie6 a hover属性失效解决办法

09-25

虽然现代浏览器已经不再支持IE6，但是仍有一部分老旧系统或者特殊需求场景中需要支持IE6，因此了解如何解决IE6中a标签:hover属性失效的问题是有其必要性的。要解决IE6中a标签:hover属性失效的问题，首先需要理解为...

hover在IE8失效的问题

luochengor的专栏

07-28

1411

正确书写DOCTYPE，另外确保浏览器处于非兼容模式下

CSS hover不起作用的原因

09-25

在使用 link的时候，要使用如下顺序，否则hover则没有任何效果

IE8下元素背景为透明时，hover事件失效的bug

ForeverCjl的专栏

11-25

2514

在IE8下，当一个div设置了背景为透明或者不设置任何背景时，在该div上注册的hover事件是不会触发的。<div class='outer'> <div class='inner'> 此处有文字 </div> </div>.outer{ width:100px; height:100px; }.outer:hover{ color:#000

知识共享平台开发——IE8 css样式更改不能自动刷新bug

koterror的专栏

10-22

1007

描述：页面banner自动循环，下方设置长方形标

如何解决CSS伪类hover在IE8中失效的问题？

江南孤鹜——“知行合一”的Software Developer

05-24

6898

解决方案正确书写DOCTYPE。 <!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"> 参考 http:

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

热门推荐

java实验室

04-17

6万+

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一、

IE8的css hack及不兼容解决方案

weixin_34391854的博客

08-20

111

IE8不兼容解决方案：这句话加在头部<meta http-equiv="x-ua-compatible" content="ie=7" />关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：.test{ color:#000000; /* FF,OP支持 */color:#00...

IE8常见问题及解决方法

weixin_45948938的博客

01-28

821

一、CSS方面 1.伪类选择器first-child兼容IE8，其余同类型选择器不兼容该方法表示找到该元素的父元素下的第一个子元素，匹配的父元素的第一个元素 p:first-child { background-color:skyblue; } 2.如果元素的宽度是由min-width决定的，则浏览器会忽略box-sizing: border-box 3.不兼容动态计算长度值函数calc() 只能使用js计算 4.不兼容background-size 可以使用前景图或者等比例大小的背景

【转】CSS兼容性问题 CSS hack:区分IE6，IE7，IE8，Firefox

我是程序员，为了最后的阵地

07-17

206

总体的来说就是：*_*+识别，IE专用的条件注释，对象的实际宽度不同，消除ul、ol等列表的缩进，透明，圆角，Select控件永远处于最上层，居中问题text-align、margin: auto，浮动后IE6解释外边距为实际边距的双倍加上display:inline，字体大小，空格大小。 --------------- 1.CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义...

CSS在IE6,7,8中的差异及选择器问题

"本文详细介绍了CSS在Internet Explorer 6, 7 和8中的差异，主要关注这三个版本之间对CSS选择器、伪类与伪元素、属性支持、其他技术以及重要bug和不兼容问题的差异，旨在为开发者提供一个清晰的参考指南。...