个人中心
gpt4 book ai didi

html - 标签不显示图片

转载 作者：行者123 更新时间：2023-11-28 05:13:13 25 4
gpt4 key购买 nike

我想不通为什么我的 img 在 picture 标签中不想显示？有任何想法吗？

谢谢!

<picture data-qa-node="picture" data-qa-file="AppBlocksCarousel">
        <source srcset="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.webp 1x, http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.webp 2x, http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.webp 3x" type="image/webp" data-qa-node="source"
        data-qa-file="AppBlocksCarousel">
            <img src="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png" srcset="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png 2x, http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png 3x" alt="Google"
            class="AppBlocksCarousel__image_2gZ2B" data-qa-node="img" data-qa-file="AppBlocksCarousel">
    </picture>

最佳答案

你的图片路径有误。看我的例子

<picture data-qa-node="picture" data-qa-file="AppBlocksCarousel">
        <source srcset="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" type="image/webp" data-qa-node="source"
        data-qa-file="AppBlocksCarousel">
            <img src="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png" srcset="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png 2x, http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png 3x" alt="Google"
            class="AppBlocksCarousel__image_2gZ2B" data-qa-node="img" data-qa-file="AppBlocksCarousel">
    </picture>

关于html - <picture>标签不显示图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51185273/

25 4 0
文章推荐： html - 用 CSS 替换内容 - 可访问性影响？
文章推荐： javascript - 用于 URL 的 Bootstrap 表格式化程序
文章推荐： html - 显示 :inline-block isn't working
文章推荐： c++ - 函数在 lpc824 中返回错误值