我目前正在尝试使用附加到元素的CSS3变换(在本例中为main)来旋转div,但是唉无济于事。
我正在使用的代码位于页面末尾的脚本标记中。
var div = document.createElement("div");
div.innerHTML = "Hello World";
document.getElementById('main').appendChild(div);
div.style.webkitTransform = "rotate(3deg)";
div.style.color = "red"
当删除webkit变换时,颜色样式工作正常,当应用webkit变换时,元素无法呈现的效果如何。
编辑:出于某种原因将其更改为有效...使用Safari和Chrome(两个webkit浏览器)进行测试
div.style.webkitTransform = 'rotate(3deg)';
不确定为什么它不喜欢双引号,可能是因为它们在创建时应用于div的内联样式中打破了双引号。