Ich habe background-image auf ein paar span -Elemente gesetzt, aber sie werden nicht angezeigt, weil meine Einstellungen height und width ignoriert werden.
HTML Quelle:
%Vor%CSS:
%Vor%Keines der Hintergrundbilder ist tatsächlich sichtbar.
In den Chrome-Entwicklertools scheinen diese beiden Bereiche unter "Berechnet" ein Hintergrundbild zu enthalten. Wenn ich die URL dieses Bildes kopiere und einfüge, sehe ich das Bild. Dennoch wird nichts wiedergegeben.
[UPDATE - dieser Teil ist gelöst, danke] In den Chrome-Entwicklertools unter "Übereinstimmende Regeln" wird nur das #starthere -Attribut in den Bereichen #donate und background-image erfasst. Die #primarydocs span ist nicht. Warum nicht?
Ich denke, Ihr span s muss display:inline-block haben, ein normaler Bereich wird immer seine 'natürliche' Breite und Höhe haben.
Da a display: inline; automatisch ist, kann es die Attribute width und height nicht von CSS übernehmen.
Wenn Sie das inline Merkmal aber ohne inneren Inhalt verwenden möchten (zB: <span> content </span> ) und stattdessen ein Hintergrundbild haben, verwenden Sie stattdessen padding .
ie:
span {
padding: 10px;
}
Geben Sie jedoch die Anzahl der Pixel ein, die Sie zum Anzeigen des Bildes benötigen würden.