图像上的属性选择器在 IE7 中失败答案

【问题标题】：Attribute selector on image fails in IE7图像上的属性选择器在 IE7 中失败
【发布时间】：2012-04-05 02:50:49
【问题描述】：

当尝试根据图像的宽度属性值定位图像时，它适用于除版本 7 之外的所有 IE 版本。

有人有同样的经历或解释吗？

【问题讨论】：

显然 IE7 正在对属性值进行 something，因为通过此选择有效：img[width] 这也有效：img[width*="3"] 哎呀，即使这匹配它，当 @ 987654322@ img[width*=""] 但是这不起作用：img[width*="2"] 这也不起作用：img[width*="0"]
没有解释，但这是一个已知问题：reference.sitepoint.com/css/…
众所周知，IE7 通常在属性选择器方面存在问题，但 SitePoint 参考并未特别提及 width 属性。我不认为它与 DOM 属性和 HTML 属性有很大关系，因为我无法让选择器获取与该属性相对应的任何 DOM 属性。
这让我很生气。按宽度选择图像实际上很有用。确定要使用的布局。但话又说回来，在大多数情况下，IE7 可以采用不同（更简单）的布局。
如果您正在寻找解决方法，您可以将那些 width 属性更改为 data-width （并运行一个快速的 Javascript 例程，循环遍历所有具有 data-width 属性的图像并设置它们的style.width 相应）。这样，CSS 就可以工作了。至少在 IE7 兼容模式下的 IE8 上；不能用真正的IE7检查。

【解决方案1】：

IE7 对此选择器的支持存在缺陷：[attr]、+、:first-child（但对于 .class1.class2、> 和 ~ 稳定）

所以如果你想在 IE7 中稳定地支持这个选择器 -> 使用相同的 jQuery 选择器的唯一方法

【讨论】：