Question

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

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

除了一件事之外，一切正常：当用户缩放或旋转div时，高亮显示div的透明度会丢失。它们与父div和图像完美地旋转和缩放，但颜色变得不透明和泥泞。好像高光背后的区域是黑色的还是什么。

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

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

Answer 1

假设您使用的是jQuery库，要删除css规则，只需将其传递给空字符串。

$('selector').css('transform', '');

Answer 2

在问题评论中回答我们的对话：）

从你所描述的那些给你带来问题的元素来看，只有25％不透明度的彩色div。您可以使用半透明PNG作为每个div的背景图像，以达到相同的效果并避开问题。