2015-12-01 20 views
11

Ich habe einige Probleme mit meinem Polymer-Projekt, mein Code funktioniert nicht in IE, Edge und nicht einmal in Chrom, wenn ich <!doctype html> einschließe. Hier ist mein Code:Polymer funktioniert nicht in IE oder Rand, aber in Chrom tut es, aber mit einem Doctype funktioniert es auch nicht in Chrom

<!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> 

Jede Hilfe wird bewertet werden. Danke!

Antwort

7

Sie benötigen das Polyfill, um in nicht-Chrome-Browsern zu arbeiten. Ich dachte nicht, dass du das in Chrom gemacht hast, aber vielleicht tust du das bis zur nächsten Veröffentlichung.

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

im Header setzen, bevor Sie irgendwelche anderen Sachen

+1

Papier-Kopfplatte nur importieren starten dauert zwei Elemente direkt darunter, einen für den Kopf und einen für den Hauptinhalt Sie Viel haben. Ich denke auch der Header braucht Höhe. Ich denke Papier-Toolbar sollte Ihnen das geben, aber können Sie mit den Dev-Tools überprüfen, wo es ist oder nicht. – akc42

+0

Sorry, ich habe den Inhalt mit einem div umgeben, aber es tut es immer noch! –