0

我正在创建一个针对 IE7 的页面。在页面的某个部分，用户可以旋转和放大和缩小包含背景图像和许多其他以编程方式添加的 div 的区域（div 元素）。非图像 div 是空的，但使用 css 设置样式以具有位置、颜色和透明度。它们根据用户操作突出显示图像区域。

我从这里使用 jQuery 2D 转换插件： https ://github.com/heygrady/transform/wiki 进行旋转和缩放/缩放。我正在使用很多其他的 javascript 和 jquery 来处理用户交互。

一切正常，除了一件事：当用户缩放或旋转 div 时，高亮 div 的透明度会丢失。它们完美地与父 div 和图像一起旋转和缩放，但颜色变得不透明和浑浊。就好像高光后面的区域变黑了一样。

有人知道我能做些什么吗？我尝试在转换后通过 javascript 重新应用 css 样式。我可以更改 div 的颜色，但更改透明度只会使 div 或多或少变得浑浊——它再也不会变得透明。

一个可能更简单的问题：是否可以删除使用此库创建的转换？如果这是可能的，那么当用户移回 100% 比例且不旋转时，也许我可以重置所有内容。这并不理想，但会比目前的情况更好。

4

2 回答 2

2

假设您使用的是 jQuery 库，要删除 css 规则，只需传递一个空字符串即可。

$('selector').css('transform', '');
于 2012-10-19T00:40:19.630 回答
1

根据我们在问题评论中的对话回答:)

从您所描述的给您带来问题的元素来看，这些元素只是具有 25% 不透明度的彩色 div。您可以使用半透明 PNG 作为每个 div 的背景图像，以实现相同的效果并回避问题。

于 2012-10-19T19:09:24.910 回答