html - IE 没有加载正确的图像,使用
问题描述
我想在所有浏览器中使用 jxr、webp 和 jp2 格式。
我尝试使用图片标签和图片填充来解决这个问题。
<html>
<head>
<script async=true src="picturefill.min.js"></script>
</head>
<body>
<picture>
<!--[if IE 9]><video style='display: none;'><![endif]-->
<source type="image/webp" srcset="img.webp">
<source type="image/jxr" srcset="img.jxr">
<source type="image/jp2" srcset="img.jp2">
<!--[if IE 9]></video><![endif]-->
<img src="img.jpg" alt="alt description">
</picture>
</body>
</html>
在 Chrome 和 Firefox 中它显示 webp 图像,但在 IE 和 Edge 中它总是显示 jpg 图像。IE支持jxr格式,为什么总是显示JPG图片而不是jxr呢?
解决方案
推荐阅读
- android - UVCCamera 带样品,如何导入到android studio?
- python - 如何优化将数组作为参数的函数
- microcontroller - 更改 SPI 从机选择线时序
- python - 将数据投影到主成分上会产生不正确的结果
- shell - 运行进程会弄乱 shell
- asp.net-core - SignInManager 的 CanSignInAsync(xyz) 方法如何工作?
- java - 在 Android 中使用 ScheduledExecutorService 计划任务时更新 DST 时区
- php - 如何在 Laravel 7 Job 中获取排队的项目内容?
- javascript - JS Discord Bot 的问题[音乐]
- npm - npm install 失败,yarn install 在 netlify deploy 上成功