Question

嗨我有一些有锯齿状边缘的图像，所以它们自然是gif，png等，并且有透明度但是我希望其中2个这些图像在jquery中旋转而一个不在，我有这个代码：

$('#slideshow ul:odd').css('background', 'url(../skin/frontend/default/getbranded/images/header/slideshowpic2.gif) no-repeat').rotate({angle:45});
$('#slideshow ul:even').css('background', 'url(../skin/frontend/default/getbranded/images/header/slideshowpic1.gif) no-repeat').rotate({angle:0});

我不知道为什么它不在jquery中工作，我使用jqueryrotate插件并且也尝试过css3虽然在css3中它的工作原理图像周围有一个白色的锯齿状笔画，我该如何解决这个问题？

这些是背景图片。 http://www.getbranded.co/magento/index.php/这是我使用的插件：http://code.google.com/p/jqueryrotate/

格雷厄姆

Answer 1

嗯我是jQueryRotate插件的作者，正如我在问题页面上所说的那样 - 这个插件不支持旋转UL元素。它主要用于旋转图像（支持各种浏览器）。对你来说它适用于Chrome只是因为在Chrome中我使用css3也可以旋转任何内容，但如果你在IE＆lt; 9或Firefox中尝试相同的东西，那么你会发现这不起作用。我计划很快发布新版本的插件，可能会因为旋转整个内容而放弃一些浏览器支持，但为此我需要一些时间进行实现/测试。请直接在项目主页上告诉我您的问题 - 我会尽力为您解决问题。

jQuery旋转和透明图像

1 个答案: