当前位置：代码网 > it编程>网页制作>Css > css 兼容性问题this.style.cursor=''hand''

css 兼容性问题this.style.cursor=''hand''

2024年06月01日 • Css •我要评论

作者：洛科先看这一句在ie下是没问题的，当鼠标划过去时，会出现一个小手的形状，但是在ff中，只有第一次划过去才有效，这个有效是因为有锚记a的存在，而不是onmouseover起作用的结果。网上找了

                    
                            作者：洛科
先看这一句 

在ie下是没问题的，当鼠标划过去时，会出现一个小手的形状，但是在ff中，只有第一次划过去才有效，这个有效是因为有锚记a的存在，而不是onmouseover起作用的结果。 
网上找了很多，都说只要让this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在ff中鼠标划过去时只有第一次会出现小手。 
其实在ff下面要达到在ie中一样的效果也是可以的。我们的办法就是使用css hack(难道我为css hack又增添了这一条 哈哈？) 

在ie7和ff3.0.3中测试通过。 

css特效 - 按钮hover文字上下滑动

当鼠标悬浮按钮上方时，利用伪元素和定位来实现伪元素块上下滑入和滑出的交互效果。此效果适用于较大的按钮入口，如主页 banner 处按钮，也可以放在当作首屏当作一... [阅读全文]
CSS3 实现文本与图片横向无限滚动动画效果

1. 实现效果gif录屏比较卡，实际很湿滑，因为是css动画实现的2.html结构<!doctype html><html lang="en"... [阅读全文]
CSS实现苹果官网文字渐入效果(示例代码)

效果分析文字是从左到有慢慢呈现出来，不是整体消失和出现，那么肯定不能使用透明度。我们可以想到渐变文字，然后通过改变背景的位置来控制文字的显示与隐藏。渐变文字渐变... [阅读全文]
CSS3媒体查询简介与使用方法示例详解

什么是css3媒体查询？css3媒体查询是一种用于根据设备的特性和特定条件来应用不同样式的css技术。通过媒体查询，我们可以针对不同设备（如计算机、平板电脑、手... [阅读全文]
css3中的var()函数详解

css3的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义, :root可以在css中创建全局样式变量。通过 :root... [阅读全文]
CSS3 旋转立方体问题详解

CSS3 旋转立方体问题详解这篇文章主要介绍了CSS3 旋转立方体问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的... [阅读全文]

发表评论


验证码：

css 兼容性问题this.style.cursor=''hand''

2024年06月01日 • Css •我要评论

相关文章:

发表评论