2016-12-12 25 views
2

このamp-imgが表示されません。イメージとして動作し、src-linkをクリックすると別のページに正しくロードされます。 amp-imgに変更すると消えます。 amp-imgbackground-color: redを設定すると、ボックスは正しく表示されますが、空の赤いボックスです。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

に記載されている<script async src="https://cdn.ampproject.org/v0.js"></script>headタグ。固定されたものを含む。

関連する問題