在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,
解决方法是在FIREFOX中设置: cursor: pointer. 而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
分享到:
相关推荐
- 在IE中,为元素设置鼠标悬停为手型的CSS代码通常是`cursor: hand;`,但在Firefox中,正确的语法是`cursor: pointer;`。因此,在编写CSS时,应使用`cursor: pointer;`以确保在不同浏览器中的兼容性。 2. **滤镜...
`可以设置鼠标指针为手型,但在Firefox和其他遵循W3C标准的浏览器中,应使用`cursor: pointer;`来实现相同效果。 下面是对这个知识点的详细解释: 1. **`cursor`属性**: `cursor`属性是CSS中一个重要的视觉反馈...
在不同浏览器中,设置鼠标指针样式(如手型指针)的效果不一致。 **解决方案:** 可以使用浏览器私有前缀和 `!important` 来解决。 ```css a { cursor: pointer !important; /* 手型指针 */ cursor: hand !...
` 在 IE6-7 和 Opera 中被支持,但在 Safari 和 Firefox 中不支持。 **解决方案**:使用 `cursor: pointer;` 替代。 ```css .link { cursor: pointer; } ``` **解释**:`cursor: pointer;` 是跨浏览器支持的手型...
- **差异**:在IE中,`cursor: pointer`会让光标变成手型,而在Firefox中则不一定有此效果。 - 解决方案:可以使用`cursor: hand`来兼容IE。 7. **浮动元素的清除**: - **问题**:当一个元素浮动后,其后的非...
**问题**:在Safari和Firefox中,`cursor:hand`不被支持。 **解决方法**:将`cursor:hand`替换为`cursor:pointer`,以确保所有浏览器都支持。 ```css a:hover { cursor: pointer; } ``` #### 十五、IE6-7`line-...
特别是在早期的Web开发中,如何让网站能够良好地运行在不同版本的Internet Explorer(IE)以及Firefox上,成为了一个技术难点。本文将详细介绍一种适用于IE6、IE7及Firefox的CSS兼容性解决方案。 #### 一、CSS Hack...
10. **cursor:hand vs cursor:pointer**:`cursor:hand`在IE中表示手型指针,但在Firefox中应使用`cursor:pointer`。 11. **字体大小定义**:Firefox和IE对`small`字体大小的定义不一致,可使用绝对像素值(如`14px...
IE支持`cursor: hand`,而Firefox则不支持,它只认`cursor: pointer`。为了解决这个问题,只需统一使用`cursor: pointer`,因为这是两种浏览器都支持的样式: ```css .button { cursor: pointer; } ``` 这将确保...
`会使得鼠标指针变为手型,但Firefox并不支持这一特性,而使用`cursor: pointer;`可以在两个浏览器中都实现相同的效果。这是由于Firefox遵循更标准的CSS规范,而IE有时会使用非标准的语法。 1. 对于`document.form...
10. 定义手型鼠标指针:使用`cursor: pointer`,兼容所有主流浏览器,而`cursor: hand`仅在旧版IE和Opera中有效。 11. 容器居中对齐:对于已知高度的容器,可以使用绝对定位,将`top`和`left`设为50%,然后通过负...