栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

IE9:为什么从CSS设置“ -ms-transform”有效,但不能与jquery.css()一起使用

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

IE9:为什么从CSS设置“ -ms-transform”有效,但不能与jquery.css()一起使用

该属性中的破折号(’-‘)不适用于脚本编写。您应该

msTransform
改用。

顺便说一句:尽管许多浏览器 确实 从脚本中理解并解析了诸如style [‘background-color’]之类的CSS,但afaik
Firefox却无法。此外,我认为JQuery 在解析

.css(...)
属性之前会将属性转换
'background-color'
成与DOM脚本等效的属性(
'backgroundColor'
在这种情况下)。

为了完整起见:

JQuery.css
确实将虚线属性转换为camelCase。这是
JQuery.css
-internals的字符串表示形式
'-ms-transform'

var fcamelCase = function( all, letter ) {        return letter.toUpperCase();    };var rdashAlpha = /-([a-z])/ig;// JQuery.css does a replace operation with these variables // on the raw property string:alert('-ms-transform'.replace(rdashAlpha,fcamelCase)); //=> msTransform

这就是为什么

$("div").css("-ms-transform","rotate(30deg)")
在IE9中不起作用的原因。IE9期望:
msTransform

为什么然后

$("div").css("-moz-transform","rotate(-90deg)")
在Firefox中运行呢?因为Mozilla显然决定为其-moz-
[properties]使用完整的CamelCase,所以
MozTransform
脚本样式属性是有效的(顺便说一句,
mozTransform
实际上不是。)。

那么,一切都交给浏览器了,在数字阳光下没有什么新鲜的了。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575810.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号