gpt4 book ai didi

html - Picturefill 在 Internet Explorer 中不工作;不识别 srcset?

转载 作者:搜寻专家 更新时间:2023-10-31 22:43:05 27 4
gpt4 key购买 nike

我使用 Picturefill 在我的网页上加载了几张图片。它们在 Chrome 中正确显示,但在 Internet Explorer 8 中根本不显示。

这是我的代码示例:

<link href="styles.css" rel="stylesheet" type="text/css">
<script src="js/modernizr.custom.11641.js"></script>
<script async="true" src="js/picturefill.js"></script>
<script src="js/respond.js"></script>
</head>

<body>
<div class="wrapper">
<header class="x-padding inside-b-padding">
<h1 class="nocontent outline">Baseball for Busy
People</h1>


<picture class="logo">
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="images/logo.png" media="(min-width: 750px)">
<!--[if IE 9]></video><![endif]-->
<img srcset="images/logo-small.png" alt="Baseball for Busy People">
</picture>

(我包括顶部部分以防我的文件链接是问题的一部分)。

我可以在 IE 8 中查看演示:http://scottjehl.github.io/picturefill/examples/demo-02.html .但是我页面上的图像不起作用。

这是我尝试过的:

  1. 我将演示中的代码复制并粘贴到我的页面(将图像路径更改为绝对路径)- 它们没有显示。
  2. 我添加了脚本来创建一个 <picture>元素(虽然我使用的是 Modernizr,所以应该不需要)。
  3. 我向 img 标签添加了一个 src 路径,这很有效,但我读到 Picturefill 不推荐这样做。

最佳答案

我知道很久以前有人问过这个问题,但也许这会对遇到类似问题的其他人有所帮助。我遇到了同样的问题,即 Picturefill 图像未在我的网站上加载,而浏览器本身不支持它(例如 IE9 - IE11)。解决方法是确保在将元素添加到页面时调用 picturefill()(我在 Angular 的指令中调用它,在 React 中调用 componentDidMount)。

关于html - Picturefill 在 Internet Explorer 中不工作;不识别 srcset?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29109118/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com