Я не могу получить это amp-img
, чтобы он появился. Он работает как изображение, и когда я нажимаю ссылку src-link, он загружается на отдельной странице правильно. Изменение его на amp-img
заставляет его исчезнуть. Я установил background-color: red
на amp-img
, и окно появится правильно, но это пустой красный ящик.AMP изображение не отображается
HTML:
<li>
<a href="/">
<amp-img src="https://d12v9rtnomnebu.cloudfront.net/oursite/logo_white.png" alt="site logo" width="264" height="96"/>
</a>
</li>
CSS (вероятно, много посторонних вещей, которые нужно быть уравновешенным, но не знаю, что это важно, пока не работает):
.amp .site-menu li {
height: 32px;
line-height: 32px;
}
.amp .site-menu li:first-child {
float: left;
min-width: 50px;
max-width: 180px;
width: 100%;
display: block;
}
.amp .site-menu a {
min-width: 50px;
max-width: 200px;
width: 100%;
display: block;
}
.amp .site-menu amp-img {
height: 32px;
min-width: 50px;
max-width: 200px;
width: 100%;
float: left;
display: block;
background-color: red;
}