出于某种原因,Internet Explorer正在显示照片,但也会在顶部显示损坏的照片图标。这是因为我的代码中存在某些内容吗?是因为我和Umbraco一起使用剃刀脚本吗?我不明白它为什么存在,它适用于除Edge和Internet Explorer之外的所有浏览器
以下是代码,以防我做错了。
<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>
修改
即使是占位符中的图片,也会显示损坏的图标
带有占位符图片的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>
编辑:
发现两张破碎的图片,但它们不在我的代码中,我会开始深入研究这个问题。谢谢你的想法。