⑴ 原生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 里反倒有坑,題主可以自行選擇是否使用。