`
lupingui
  • 浏览: 159505 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

使用CSS使得光标在IE或FF下都能显示手形样式

阅读更多
IE下显示手形样式直接把cursor高成hand即可,但这样设置在FF浏览器下看不到手形样式,而且现在的IE7好像也是看不到的。其实把cursor设置成pointer即可,这样在IE或FF下都能显示手形样式。。。
分享到:
评论

相关推荐

    浏览器兼容性CSS,IE6,IE7,FF

    `来显示手形光标,兼容性更好,而`hand`仅适用于IE。 通过这些技巧,我们可以更好地解决IE6、IE7和Firefox之间的CSS兼容问题,为用户提供一致的浏览体验。不过随着浏览器的更新迭代,IE6和IE7的使用率逐渐降低,...

    IE与FF的CSS兼容问题大集合

    `在IE中显示为手型光标,而在FF中则不一定。 **解决方案**:在CSS中定义`cursor: pointer;`以确保在所有浏览器中都显示为手型光标。 #### 8. 小菜单栏的高度和宽度问题 **问题描述**:在创建小菜单栏时,可能会...

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中,如何让网站同时兼容Internet Explorer 6(简称IE6)、Internet ...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    `在FF和IE中均显示手形光标,而`cursor: hand;`仅IE支持。 6. **清除浮动**: 为了清除浮动影响,可以使用`.clear{clear:both;}`,在浮动元素后添加一个无高度的clear元素。或者使用CSS3的`clearfix`伪类。 7. **...

    css兼容IE6、IE7、FF的技巧

    - **IE6、IE7和Firefox的光标样式差异**:`cursor: pointer`在IE6、IE7和Firefox中显示的效果不同。 - **解决方法**:使用CSS Hack技术来分别设置不同浏览器下的光标样式。 ##### 6. 浮动元素的间距 - **IE6和Fire...

    针对IE67FF的兼容CSS编码 免费下载

    IE会显示手形光标,而Firefox则可能不会。为了统一表现,可以同时使用`cursor: hand;`(IE专用)和`cursor: pointer;`。 #### 8. 浮动菜单栏的处理 在Firefox中,使用`display: block;`和`float: left;`可以创建...

    IE与FF的兼容问题

    设置`cursor: pointer`会使鼠标在悬停时变为手形指针。在IE中,这通常表示可点击的对象,而在Firefox中,相同的样式可能不起作用。 8. **菜单栏的高度问题** 在创建菜单栏时,如果希望每个菜单项保持一定的高度...

    css样式兼容不同浏览器的问题

    因此,在进行网站设计时,必须考虑到CSS样式在各种主流浏览器中的表现一致性,确保用户无论使用哪种浏览器都能获得一致的用户体验。 #### 二、常见的浏览器兼容问题及解决方案 ##### 1\. 高度属性的高度问题 在...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    - 若要在链接上显示手形鼠标光标,使用`cursor: pointer;`,而`cursor: hand;`仅适用于IE。 - 链接加边框和背景色时,应设置`display: block;`和`float: left;`防止换行,可能还需要设定高度以避免底部错位。 7. ...

    ie6/7/8的 css hack

    【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...

    IE6 7和FF兼容性

    - **手形光标**:使用`cursor: pointer`,在IE6中可以使用`cursor: hand`。 4. **CSS Hack示例** 以下是一个CSS样式的例子,它根据浏览器的不同显示不同颜色: ```css #1 { color: #333; /* Firefox */ } * ...

    很实用的css样式代码案例。

    - **`pointer`**:手形光标,通常用于链接。 #### 十、图片尺寸控制 ```css img{width:expression(this.width>100&this.height); height:expression(this.height>100?100:true);} ``` - **`expression`**:一种...

    css常见考题 !!css常见考题 css常见考题

    - **问题描述:** 如何在不同浏览器中实现统一的手形光标效果。 - **解决方案:** - 使用`cursor: pointer;`可以使光标变为手形。 - IE需要额外处理以支持手形光标。 - **示例代码:** ```css .hand-cursor { ...

    div+css中常见的浏览器兼容性处理

    7. 设置手形光标时,使用`cursor: pointer`,它在所有现代浏览器中都支持,而`hand`仅适用于IE。 以上是CSS在div+css布局中常见的浏览器兼容性处理方法。理解和掌握这些技巧有助于创建跨浏览器兼容的网页。在实际...

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    标题提到的"兼容ff和ie的鼠标样式"指的是如何让网页中的鼠标指针样式在Firefox(Firefox浏览器)和Internet Explorer(IE浏览器)之间保持一致。由于这两个浏览器对某些CSS属性支持不同,因此需要特殊处理来实现跨...

    CSS样式hack,用于兼容多种浏览器

    7. **手形光标**:`cursor: pointer;` 可以在所有浏览器中使用,而 `hand` 只适用于IE。 #### 四、综合Hack实例 **示例代码**: ```css #1 { color: #333; /* Firefox */ } *html #1 { color: #666; /* IE6 */ }...

    CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

    7. 使用`cursor: pointer`实现手形光标,`cursor: hand`仅适用于IE6。 针对不同浏览器的CSS样式可以这样写: ```css #1 { color: #333; /* Mozilla */ } * html #1 { color: #666; /* IE6 */ } *+html #1 { ...

Global site tag (gtag.js) - Google Analytics