У меня есть проблема, которая возникла совсем недавно, это может быть ошибка браузера в Edge, так как я уверен, что она работала ранее, но у меня есть некоторые изображения .jpg, которые не отображаются в Edge (но хорошо отображаются в IE,Chrome, Firefox) вместо этого все, что я вижу, - это цвет (другой цвет для другого изображения - даже если нет никакого цвета фона или какого-либо другого приписанного цвета - поэтому должен быть белым, если изображение не отображается - эти изображения используют стили радиуса и тени,но их удаление не имеет значения.
Когда я щелкаю правой кнопкой мыши и сохраняю изображение, загружается правильный jpg, ссылка хорошая, как я говорю, она работает в других браузерах, но уже не на краю (ничего не изменилось, что язнать). Любые идеи?
как видно на Edge:
Как видно в других браузерах:
Я попытался удалить стили и проверил div на совпадения или другие распространенные проблемы, все выглядит хорошо.
.sitelinks {
margin: 10px 42px 10px 45px;
padding: 20px 5px 20px 5px;
width: 180px;
vertical-align: top;
display: inline-block;
}
.sitelinks:hover {
background: #CCC;
}
.sitelinks img {
width: 1px;
height: 1px;
box-shadow: 3px 5px 12px #000000;
border-radius: 50%;
}
.sitelinks img:hover {
-o-transform: scale(1.06);
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
-moz-transform: scale(1.06);
transform: scale(1.06);
}
.desc {
padding-left: 10px;
padding-top: 10px;
width: 160px;
text-align: center;
font-size: 1.4em;
color: #333;
font-family: 'Quicksand', sans-serif;
font-weight: 600;
}
<div class="sitelinks">
<a href="services.php" target="_self"><img id="link1"
src="assets/img/services_ico.jpg" alt="Our Services"></a>
<div class="desc"><a href="services.php" target="_self">Our Services</a>
</div>
</div>
<div class="sitelinks">
<a href="contact.php" target="_self"><img id="link2"
src="assets/img/contact_ico.jpg" alt="Contact the team"></a>
<div class="desc"><a href="contact.php" target="_self">Contact Us</a></div>
</div>
<div class="sitelinks">
<a href="photos.php" target="_self"><img id="link3"
src="assets/img/gallery_ico.jpg" alt="Picture Gallery"></a>
<div class="desc"><a href="photos.php" target="_self">Photo gallery</a>
</div>
</div>
<div class="sitelinks">
<a href="reviews.php" target="_self"><img id="link4"
src="assets/img/feedback_ico.jpg" alt="Customer reviews"></a>
<div class="desc"><a href="reviews.php" target="_self">Customer
testimonials and reviews</a></div>
</div>
Есть четыре изображения с одинаковым html