我在互联网上搜索了很多,找不到可以完整教授的正确示例或完整教程。所以请大家给我推荐一些好的例子。
我已经在很多网站上尝试过 WEBP 代码,例如与现代化工具一起使用、检查浏览器支持或使用背景图像。
有一篇关于 Stucox 的文章,您可以在其中找到一些使用带有 Modernizr 和后备图像的 WebP 图像的示例。这应该可以解决您的问题。
/* Result pending */
.js .container {
background-image: none;
}
/* No JS / WebP not supported */
.no-js .container,
.js.no-webp .container {
background-image: url('image.jpg');
}
/* WebP supported */
.js.webp .container {
background-image: url('image.webp');
}
http://www.stucox.com/blog/using-webp-with-modernizr/ http://www.stucox.com/blog/using-webp-with-modernizr/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)