CSS图像过渡

Question

真的不可能让CSS识别映像的SRC的变化并应用正确的过渡，而不会导致我在网上找到的hacks，例如只在每个上放置几张图像其他或使用SRC和背景的组合？

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

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背景（background-image），可以从CSS更改。

另外，请在HTML中使用很多<img>标签，然后使用CSS移动这些标签。