跨浏览器使用CSS旋转图像的方法？
我有一个正在处理的网站布局，其中有一个主要的内容区域，然后在内容区域的四个角处的每个角处都有一个角图形。总体效果是台式吸墨纸。
这是我左上角的代码：
.corner-top-left { width:96px ;
height:96px ;
background:url("images/corner.png") no-repeat ;
position:absolute ;
top:-5px ;
left:-5px ;
z-index:3000 ;
}
我想制作（如果可能的话）而不是制作四个单独的拐角图像，而是使用原始图像（corner.png）并使用CSS旋转它。
有跨浏览器兼容的方法来做到这一点吗？
非常感谢！
问题答案：
CSS旋转45度：
.desk
{
width: 50%;
height: 400px;
margin: 5em auto;
border: solid 1px #000;
overflow: visible;
}
.desk img
{
behavior:url(-ms-transform.htc);
/* Firefox */
-moz-transform:rotate(45deg);
/* Safari and Chrome */
-webkit-transform:rotate(45deg);
/* Opera */
-o-transform:rotate(45deg);
/* IE9 */
-ms-transform:rotate(45deg);
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}
-
问题内容： 我正在创建跨浏览器兼容的旋转（ie9+），并且在jsfiddle中有以下代码 CSS和HTML非常简单，仅用于演示： 使用时旋转有效，但使用时无效; 为什么会这样，有没有办法解决？ 谢谢。 问题答案： CSS转换尚无法与jQuery动画化。您可以执行以下操作： 而且，顺便说一句：您不需要在jQuery 1.7+之前为CSS3转换添加前缀 更新资料 您可以将其包装在jQuery插件中，以
-
问题内容： 专业的网页设计师如何创建跨浏览器的CSS？通常是手动完成，还是像YUI针对JavaScript那样可以简化流程的工具包？我希望远离Dreamweaver之类的所见即所得编辑器。谢谢！ 问题答案： 通常是手工完成的。 通常从对比赛场地应用CSS重置开始。 而且，您应该针对符合标准的CSS，然后作为对IE的最后手段，才可以使用hacks（是的，我刚刚说过）。
-
问题内容： 是否有可靠的，独立于框架的方法来确定客户端调整大小的物理尺寸？ 问题答案： 您有2个选项： 选项1： 删除和属性，然后读取和 选项2： 创建一个JavaScript 对象，设置，然后读取和（您甚至不必将其添加到页面中即可执行此操作）。 由Pekka编辑 ：按照评论中的约定，我更改了功能以在图像的“ onload”事件上运行。否则，大图像，而不会因为在拍摄时尚未加载任何回报。
-
我刚开始使用PDFBox。我需要的是将图像旋转添加到退出的PDF中！我知道如何添加图像，但我的问题是如何旋转图像！我看到了一些关于AffineTransform和Matrix的信息，但我不知道那是什么以及它是如何工作的！ 我真的很感谢通过一些样本代码，并提前感谢你！ 致敬
-
问题内容： 我希望在调整浏览器窗口大小时自动调整所有（或部分）图像的大小。我发现了以下代码-尽管它什么也没做。 HTML CSS 在调整浏览器窗口的大小时，如何基本设置全屏设计（带有），并使元素处于完全相同的位置（明智的选择），同时它们的大小也进行调整（就像对背景一样）？ 要使图像灵活，只需添加和。图像并在IE7中有效，但在IE8中无效（是的，另一个怪异的IE错误）。要解决此问题，您需要添加IE8
-
问题内容： 如何定义跨浏览器的CSS滚动条样式？我测试了此代码，它仅在IE和Opera中起作用，但在Chrome，Safari和Firefox中失败。 问题答案： 滚动条CSS样式是Microsoft开发人员发明的一种奇怪方法。它们不是CSS的W3C标准的一部分，因此大多数浏览器只是忽略它们。