css属性'filter:xray;'的替代或解决方法

时间:2018-04-17 07:19:42

标签: css image filter deprecated

我遇到了需要显示网页特征图像的X射线的场景。

所以我使用的是css属性filter: xray;,它与IE8完美配合。但对于Chrome,Firefox甚至IE11 / Edge等现代浏览器,它似乎不支持此属性值。

我深入研究了这一点,我发现它支持IE9。但我在互联网上找不到像这个属性值对被弃用或过时。

我需要任何解决方案,所以我可以在网页上显示图像的X射线。任何替代方案也是可以接受的。

以下是正在使用IE9的示例代码 <img src="imagepath.jpg" width="200" height="200" style="filter: xray;" />

注意:如果直接从文件夹运行文件,上面的代码将无效,它应该需要http协议来反映效果。

1 个答案:

答案 0 :(得分:0)

通过使用标准CSS过滤器属性值的组合可以实现相同的功能,如下所示:

IE8: String dateString = "2018-05-01T18:30:00.000Z"; DateTime date1 = DateTime.Parse(dateString); DateTime date2 = DateTime.ParseExact(dateString, "yyyy-MM-ddTHH:mm:ss.fffZ", null); Console.WriteLine(date1.ToString("MMM dd yyyy")); Console.WriteLine(date2.ToString("MMM dd yyyy"));

现代浏览器(即Chrome,Firefox): if ($obj) { foreach($obj as $key => $data) { $item['url'] = 'http://geo.saitebi.ge/movie/' . $page; $item['poster'] = 'http://geo.saitebi.ge/web/ka/img/movies/' . $page . '/240x340/' . $page . '.jpg'; $item['geotitle'] = $data->find('div.movie-item-title', 0)->plaintext; $item['englishtitle'] = $data->find('div.movie-item-title-en', 0)->plaintext; $item['year'] = $data->find('div.movie-item-year', 0)->plaintext; foreach($data->find('a.movie-genre-item') as $genre) { $item['genres'] = $genre->plaintext . ', '; } $item['description'] = $data->find('div.movie-desctiption-more', 0)->plaintext; $item['imdb_rating'] = $data->find('a.imdb_vote', 0)->plaintext; $item['imdb_id'] = trim(substr($data->find('a.imdb_vote',0)->href, strrpos($data->find('a.imdb_vote',0)->href, '/') + 1)); } }

都产生等效输出。