CSS图像转换

Question

是否真的不可能让CSS识别图像的src变化并应用正确的过渡，而不会导致我在网上找到的黑客攻击，例如只是将几个图像叠加在一起或者使用src和背景

这似乎是一种缺陷，因为图像是任何网站的主要元素之一（div，图像，文本）。我的问题是：它是否真的不直接支持，如果没有，为什么？

Answer 1

有可能。 您可以创建CSS规则以通过某些属性的特定值匹配元素。这是一个很少使用的CSS选择器功能，但它支持CSS 2.1，我甚至曾经使用过它 - 适用于所有浏览器，包括IE7。您可以在此处详细了解：http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

示例：

img[src='one.png'] { ... }
img[src='two.png'] { ... }

现场演示：http://jsfiddle.net/dJJqf/

Answer 2

CSS无法改变DOM。所以不，你不能编辑src属性。

当然，您可以使用JavaScript，也可以使用可以从CSS更改的CSS背景（background-image）。

或者，在HTML中使用大量<img>标记，然后使用CSS移动它们。