【问题标题】:Image Glitch when refresh the page刷新页面时出现图像故障
【发布时间】:2021-05-30 08:26:15
【问题描述】:

当我刷新页面时,我可以看到图像故障。

#HTML

<img id="profileIcon" class="img-circle" src="/assets/be/img/norden/6.JPG?q=0.13941100 1614531096" alt="Forest" style="border: 4px solid rgb(0, 255, 92); cursor: url(&quot;https://i.imgur.com/T2QWx7Z.png&quot;), auto;">

我怎样才能避免这种情况?我应该考虑使用 jQuery 动画吗? 是什么导致它出现故障?我该如何预防?我只想进行平滑的过渡刷新……并希望我的 DOM 渲染得很好。

请指教。

直播网站(请在手机中查看)

https://www.bunlongheng.com/norden?code=rithys4k

【问题讨论】:

  • 好像刚刚加载中
  • 为您的图像元素定义“最小高度”并查看结果。
  • 将 min-height 添加到 100px 后。好多了,但是闪烁还在吗?????????‍♂️

标签: javascript html jquery css image


【解决方案1】:

不要直接给图像添加边框,而是用div 包裹img 标签并将widthheightborder 属性分配给div。对于img 标记,提供max-width:100%。赋予alt 属性以显示占位符,直到图像加载完毕。

【讨论】:

    猜你喜欢
    • 2020-06-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多