0

嗨，我有一些图像边缘呈锯齿状，因此它们自然是 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.getbrand.co/magento/index.php/这是我使用的插件：http ://code.google.com/p/jqueryrotate/

格雷厄姆

4

1 回答 1

1

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

于 2011-03-15T11:00:02.117 回答