我有一个Web应用程序(不幸的是,它在IE 11中运行,但必定是...),其中我通过带有背景图像的div显示图像。我需要能够旋转 element ,而不仅仅是对其进行变换。基本上,我有一个JS鼠标悬停缩放,当我使用CSS进行转换时:旋转(等...度),它只是显示旋转的图像,但是下面的元素是相同的方向。结果是在“旋转”的图像上上下移动鼠标左右移动……不好。
因此,我只是不熟悉如何旋转实际元素而不是CSS转换方法? DOM,CSS,Javascript,jQuery都是公平的游戏。
更新:根据兰迪的评论,让我澄清一下,而不是调试问题。我只是向那些阻止人们询问问题等内容添加了上下文。是否需要代码:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width: 100px;
height: 50px;
background-image: url('someImage.tiff');
}
</style>
</head>
<body>
<div id="RotateMe"></div>
</body>
</html>
我想知道如何真正旋转“ RotateMe”,以使实际元素出现在耳边而不是CSS上,而是使其看起来像是:)。