`
鹤惊昆仑
  • 浏览: 229069 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

-moz-zoom-in 和-moz-zoom-out

    博客分类：
  • web
CSSFirefox 
阅读更多 
/*光标样式--自定义图片,多个备选光标样式可以","号分隔，前面的优先生效*/
.imgBig{cursor:url(http://xxx.com/big.cur),-moz-zoom-in}
.imgSmall{cursor:url(http://xxx.com/small.cur),-moz-zoom-out}

firefox从1.0开始支持-moz-zoom-in 和-moz-zoom-out，即放大和缩小光标的样式https://developer.mozilla.org/en/CSS/-moz-zoom-out。
  • -moz-zoom-in
  • -moz-zoom-out
0
顶
0
踩
分享到：
| Asynchronous Flash and XML
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    - `*-moz-zoom-in`: 设置放大光标。 - `*-moz-zoom-out`: 设置缩小光标。 5. **布局**： - `*-moz-box`: 设置盒模型布局。 - `o-moz-column-count`: 设置列数。 - `o-moz-column-gap`: 设置列间隙。 - `o-moz...

    用于微博页中点击图片放大缩小js脚本

    e.style.cursor="url('images/big.cur'),-moz-zoom-out" }else{ e.setAttribute('big','1'); e.setAttribute('width','500'); e.style.cursor="url('images/small.cur'),-moz-zoom-out" } }

    举例详解CSS中的cursor属性

    在本文中，我们将深入探讨两个常用的`cursor`属性值：`zoom-in`/`zoom-out`和`grab`/`grabbing`。 首先，`zoom-in`和`zoom-out`属性值主要用于模拟放大镜效果。当用户将鼠标悬停在设置了`zoom-in`的元素上时，鼠标...

    300道HTML、CSS习题及面试题含答案.pdf

    *zoom:1;} .wrap-2{ margin-top:30px;} .wrap-2 .main-2{ float:left; width:100%;margin-bottom:-3000px; padding-bottom:3000px;background:#F90;} .wrap-2 .main-wrap-2{ margin:0 200px 0 150px; } .wrap-2 .sub...

    sample-app-web:Zoom Web SDK示例应用程序

    Web客户端SDK 请注意，自1月10日起，所有旧版本的Web SDK（1.8.3和更低版本）将不再在会议中具有计算机音频功能。 请升级到1.8.5或更高版本，以避免服务中断。... 支持的浏览器：Google Chrome，Safari和Moz

    div漂亮按钮

    - **zoom 和 *display**: 这是为了解决 IE7 以下版本不支持 `inline-block` 的问题。 - **cursor**: 设置光标样式为手型，提示用户可以点击。 - **text-align**: 文本居中对齐。 - **text-shadow**: 给文本添加阴影...

    跨浏览器的inline-block声明上承诺了很多提供的却很少

    在IE7中，可以通过设置元素的zoom属性（例如"zoom:1;"）来强制使其拥有hasLayout属性，从而实现类似inline-block的布局效果。 此外，文中还提到了通过嵌套一个元素在中，来解决特定的布局问题。这种方法通过将所有...

    CSS3设计动画综合实战6.pdf

    6. **CSS3盒模型和兼容性处理**：`display: inline-block`和`zoom: 1`以及`*display: inline`组合使用，是为了在IE7及以下版本中实现类似`display: inline-block`的效果，确保元素能水平排列并保持块级元素特性。...

    html-css-zoom

    同时，为了兼容其他浏览器，我们还需要加上无前缀的版本和Firefox的`-moz-`前缀，以及其他可能需要的前缀。 在实际项目中，我们还可能遇到响应式设计的需求。这时，我们可以使用媒体查询（`media queries`）来根据...

    模拟兼容性的 inline-block 属性

    2. Firefox私有属性：旧版的 Firefox 2 使用 `-moz-inline-box` 和 `-moz-inline-stack` 来模拟 `inline-block` 效果。这两种方式中，`-moz-inline-stack` 更接近标准的 `inline-block` 表现。 3. 解决 `-moz-...

    三星9305收索

    -moz-box-shadow:inset 1px 1px 5px #2964bb;-o-box-shadow:inset 1px 1px 5px #2964bb}#fm .bdsug{top:35px}.bdsug{width:538px;border-color:#ccc;box-shadow:1px 1px 3px #ededed;-webkit-box-shadow:1px 1px 3px...

    display 属性规定元素应该生成的框的类型.pdf

    - `run-in`: 这个值在CSS2中定义，但在CSS2.1中被弃用，因为它的行为难以预测，没有被广泛支持。 - `table`, `inline-table`, `table-row-group`, `table-header-group`, `table-footer-group`, `table-row`, `...

    页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

    首先，我们需要了解两种主要的缩放技术：`zoom` 和 `transform: scale()`。 1. `zoom` 属性： `zoom` 是一个非标准的CSS属性，主要用于设置元素的缩放比例。它可以接受 `normal`、数值或百分比作为参数。例如，`...

    line-block的运用最小宽度的设置

    然后，通过 `zoom:1` 触发 IE 的 `hasLayout` 特性，以实现类似 `line-block` 的效果。接着，`min-width:400px` 设定了元素的最小宽度，`width:auto!important; width:400px;` 则是为了在不同浏览器中保持兼容性，...

    js代码实现随机颜色的小方块

    -moz-animation: infinite ease-in-out start-roll; animation: infinite ease-in-out start-roll; } ``` 这里定义了`.colorful > a`的样式，用于显示小方块。 ##### 3. JavaScript逻辑 最后，我们编写...

    CSS3实现3种网页过度效果代码.zip

    transition: background-color 0.5s ease-in-out 0.2s; } ``` 这段代码表示当`.element`的`background-color`属性发生变化时，颜色将在0.5秒内以缓入缓出的速度平滑过渡，且有0.2秒的延迟。 接下来，我们来看看...

    10个非常实用的CSS hack技术

    示例代码展示了如何通过添加如`-moz-inline-stack`、`zoom: 1`以及`*display: inline`来实现对旧版IE浏览器的支持。 2. **禁用Safari的文本框大小调整** 如果你不希望用户改变文本框的大小，可以使用`resize: none...

Magicbox
Global site tag (gtag.js) - Google Analytics