2016-12-12 3 views
2

Я не могу получить это 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; 
} 

ответ

3

я ушел из head тег <script async src="https://cdn.ampproject.org/v0.js"></script> как указано в documentation. В том числе это исправлено.

Смежные вопросы