2015-12-01 17 views
11

Sto avendo qualche problema con il mio progetto di polimero, il mio codice non funziona in IE, Edge e nemmeno in chrome se includo <!doctype html>. Ecco il mio codice:Polymer non funziona in IE o edge ma in chrome lo fa, comunque con un Doctype non funziona in chrome o

<!doctype html> 
<html> 
    <head> 
    <link rel="import" href="bower_components/paper-header-panel/paper-header-panel.html"> 
    <link rel="import" href="bower_components/paper-card/paper-card.html"> 
    <LINK REL=StyleSheet HREF="style.css" TYPE="text/css"> 
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
    <link rel="import" href="bower_components/polymer/polymer.html"> 
    </head> 
    <body> 
    <paper-header-panel mode="standard" id> 
     <paper-toolbar style="background-color: some-color"> 
     <h1>Blah</h1> 
     </paper-toolbar> 
     <div id="content"> 
     <div class="center2"> 
     <h3>Blah Blah Blah<span id="orange">Blah Blah Blah</span></h3> 
     </div> 
     <paper-card heading="Blah Blah Blah" id="main"> 
     <div class="card-content"> 
     </div> 
     </paper-card> 
     <paper-card heading="Blah Blah Blah" id="main"> 
     <div class="card-content"> 
      <img src="img.png" height="200px" id="img"/> 
      </br> 
      Blah Blah Blah 
     </div> 
     </paper-card> 
     </div> 
    </paper-header-panel> 
    </body> 
</html> 

Qualsiasi aiuto sarà valutato. Grazie!

risposta

7

È necessario che il polyfill funzioni nei browser non chrome. Non pensavo di averlo fatto in chrome, ma forse lo farai ancora fino alla prossima release.

messo

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 

nell'intestazione prima di iniziare a importare qualsiasi altra roba

+1

carta-header-pannello richiede solo due elementi direttamente sotto di esso, uno per l'intestazione e una per il contenuto principale avere un sacco Penso che anche l'intestazione abbia bisogno di altezza. Penso che la barra degli strumenti di carta dovrebbe darti questo, ma puoi controllare con gli strumenti di sviluppo dove ha o meno. – akc42

+0

Spiacente, ho circondato il contenuto con un div ma lo fa ancora! –

Problemi correlati