Internet Explorer破碎的图像图标,但照片工作

时间:2017-11-21 14:17:54

标签: html css internet-explorer umbraco microsoft-edge

出于某种原因,Internet Explorer正在显示照片,但也会在顶部显示损坏的照片图标。这是因为我的代码中存在某些内容吗?是因为我和Umbraco一起使用剃刀脚本吗?我不明白它为什么存在,它适用于除Edge和Internet Explorer之外的所有浏览器

image

以下是代码,以防我做错了。

<section class="block block__media">
    <div class="container" style="margin-top:-8%;">
        <div class="rowPhotos">
            <div class="PhotoRight">
                <h5>@Model.Content.GetPropertyValue("PhotoRightTitle")</h5><br>
                <a target="_blank" href="@Umbraco.Media(Model.Content.GetPropertyValue("PhotoExtraRight").ToString()).Url"><img src="@Umbraco.Media(Model.Content.GetPropertyValue("PhotoExtraRight").ToString()).Url?h=250&w=450" alt="@Model.Content.GetPropertyValue("PhotoRightTitle")" /></a>
                <p class="ExtraPhotoText"><br>@Model.Content.GetPropertyValue("PhotoRightText")</p>
            </div>

            <h5>@Model.Content.GetPropertyValue("PhotoLeftTitle")</h5><br>
            <a target="_blank" href="@Umbraco.Media(Model.Content.GetPropertyValue("PhotoExtraLeft").ToString()).Url"><img src="@Umbraco.Media(Model.Content.GetPropertyValue("PhotoExtraLeft").ToString()).Url?h=250" alt="@Model.Content.GetPropertyValue("PhotoLeftTitle")" /></a>
            <p class="ExtraPhotoText"><br>@Model.Content.GetPropertyValue("PhotoLeftText")</p>
        </div>
    </div>
</section>

修改

即使是占位符中的图片,也会显示损坏的图标

enter image description here

带有占位符图片的

https://jsfiddle.net/57u1w98h/

.PhotoRight {
  float: right;
  margin-right: 0.7%;
}

.PhotoLeft {
  margin-left: 1%;
}

.RowPhotos {
  margin-left: 0.1%;
}

.ExtraPhotoText {
  font-size: 1.25em;
  color: #5d5d5d;
}
<section class="block block__media">
  <div class="container" style="margin-top:-8%;">
    <div class="rowPhotos">
      <div class="PhotoRight">
        <h5>Temp Title</h5><br>
        <a target="_blank" href="http://via.placeholder.com/350x150"><img src="http://via.placeholder.com/350x150?h=250&w=450" alt="Temp alt" /></a>a
        <p class="ExtraPhotoText"><br>Temp text</p>
      </div>

      <h5>temp title 2</h5><br>
      <a target="_blank" href="http://via.placeholder.com/350x150"><img src="http://via.placeholder.com/350x150?h=250" alt="temp alt" /></a>
      <p class="ExtraPhotoText"><br>temp text</p>
    </div>
  </div>
</section>

编辑:

发现两张破碎的图片,但它们不在我的代码中,我会开始深入研究这个问题。谢谢你的想法。

enter image description here

0 个答案:

没有答案