⑴ 原生js设置CSS3样式时,怎么添加兼容性前缀(
可以使用 setProperty
element.style.setProperty('-webkit-transition','left5slinear');
也可内以容
element.style.webkitTransform=''
⑵ JS 在IE和火狐的兼容问题
您好!很高兴为您答疑!
JS在IE和火狐下涉及的兼容问题很多,您可以参考下:http://www.jb51.net/article/5176.htm
专您可以在属火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
⑶ 怎样通过js改变css的rotate角度样式
可以这样:
document.getElementById('test').style.transform='rotate(45deg)';
当然,实际用的时候还要考虑兼容性,然后根据需要为transform属性加上相应的浏览器前缀。
⑷ javascript如何实现图片任意角度的旋转
可以用JAvascript改变这个图片的css来旋转他:
这个是css代码:
img {
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
在JAvascript里面可以先获取内到这张图片 设置图片id = "box"
var img = document.getElementById('box'); 获取到这个容图片并用变量记住
img.style.transform = "rotate(90deg)"; 改变这个图片的css,旋转90度
完毕!!!
⑸ js+css3元素翻转求教
你说的这个 window.onload的方法 是网页加载后就运行,是可以的。
至于说css的transform旋转属性呢,浏览器不同,所兼容的也不同的,而且你指的按轴翻转
轴在什么位置也是有讲究的,默认是从中心旋转的。
<div id='rotate'>这是一个测试</div>
<script>
window.onload=function(){
rotates(90)
}
fucntion rotates(num){
var obj=document.getElementById("rotate")
obj.style.webkitTransform=num
obj.style.MozTransform=num
obj.style.msTransform=num
obj.style.OTransform=num
obj.style.transform=num
}
</script>
⑹ js代码代替这个位移transform: translate(-50%,-50%)兼容ie8以下
你这个是垂直水平居中吧。不用translate一样可以实现的。
⑺ 怎么让里面的每个字母向右旋转90度,用js来实现。因为要兼容ie7
给指定的元素添加一个 CSS 属性即可:
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
但仅对 IE8+ 或其他浏览器有效。
如果非得兼容版 IE7 的话需要使用 filter 滤镜DXImageTransform.Microsoft.Matrix。这个权参数过于复杂,这里不展开写了,题主可以自行搜索一下相关信息。
楼上说的jquery-rotate 在 IE7、8 上表现还可以,在 IE9 里反倒有坑,题主可以自行选择是否使用。