css 属性 'filter: xray;' 的替代方案或解决方法
Alternative or workaround for css property 'filter: xray;'
我遇到过需要显示网页特定图片xray的场景。
所以我使用的是 css 属性 filter: xray;，它与 IE8 完美兼容。但是对于像 Chrome、Firefox 甚至 IE11/Edge 这样的现代浏览器，它似乎不支持这个 属性-值。
我对此进行了深入研究，发现它最多支持 IE9。但是我在互联网上找不到这样的地方 属性 值对已弃用或过时。
我需要任何解决方案，以便我可以在网页上显示 X 射线图像。对此的任何替代方案也是可以接受的。
下面是适用于 IE9 的示例代码
<img src="imagepath.jpg" width="200" height="200" style="filter: xray;" />
注意：如果您直接从文件夹运行文件，上面的代码将不起作用，它应该需要http协议才能反映效果。
可以通过使用标准 CSS 过滤器 属性 值的组合来实现相同的功能，如下所示：
IE8: filter: xray;
现代浏览器（即 Chrome、Firefox）： filter: invert(100%) grayscale(100%);
两者产生相同的输出。
我遇到过需要显示网页特定图片xray的场景。
所以我使用的是 css 属性 filter: xray;，它与 IE8 完美兼容。但是对于像 Chrome、Firefox 甚至 IE11/Edge 这样的现代浏览器，它似乎不支持这个 属性-值。
我对此进行了深入研究，发现它最多支持 IE9。但是我在互联网上找不到这样的地方 属性 值对已弃用或过时。
我需要任何解决方案，以便我可以在网页上显示 X 射线图像。对此的任何替代方案也是可以接受的。
下面是适用于 IE9 的示例代码
<img src="imagepath.jpg" width="200" height="200" style="filter: xray;" />
注意：如果您直接从文件夹运行文件，上面的代码将不起作用，它应该需要http协议才能反映效果。
可以通过使用标准 CSS 过滤器 属性 值的组合来实现相同的功能，如下所示：
IE8: filter: xray;
现代浏览器（即 Chrome、Firefox）： filter: invert(100%) grayscale(100%);
两者产生相同的输出。