2016-12-12 11 views
2

Ich kann nicht amp-img angezeigt werden. Es funktioniert wie ein Bild, und wenn ich auf den src-Link klicke, wird es auf einer separaten Seite korrekt geladen. Wenn Sie es in amp-img ändern, verschwindet es. Ich setze background-color: red auf die amp-img und die Box erscheint richtig, aber es ist eine leere rote Box.AMP-Bild erscheint nicht

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 (wahrscheinlich eine Menge fremder Sachen, die beschnitten werden muss, aber nicht wissen, was wichtig ist, bis es funktioniert):

.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; 
} 

Antwort

3

ich ausgelassen hatte der head Tag von <script async src="https://cdn.ampproject.org/v0.js"></script> wie in der documentation aufgeführt. Einschließlich das hat es behoben.