|
||||
p:before + content:url (IE issues)
Hallo
Ich versuche jetzt seit Stunden einen CSS-Fehler auszubügeln, den ich so aus einem Tutorial übernommen hatte. Um mich kurz zu fassen, es geht um die Sprechblase bei Kommentaren. Der kleine Pfeil rechts, wurde zuerst mit p:before dort angebracht: Code:
#content #colLeft ul.commentlist li p:before { content: url(http://www.zoomingjapan.com/wp-content/themes/alltuts/images/comment-arrow.png); left: -36px; top:-10px; position: absolute; } #content #colLeft ul.commentlist li.comment-author-japanworm p:before { content: url(http://www.zoomingjapan.com/wp-content/themes/alltuts/images/comment-arrow-author.png); left: -36px; top:-10px; position: absolute; } Ich habe mir also überlegt, wie ich das evtl. anders gestalten könnte. Folgendes schien perfekt zu funktionieren: Code:
#content #colLeft ul.commentlist li .comment-meta:before { content: url(http://www.zoomingjapan.com/wp-content/themes/alltuts/images/comment-arrow.png); left: -36px; top:-10px; position: absolute; } Also aus der postion:absolute, eine position:relative gemacht und Werter entsprechend angepasst. Wieder schien es zu funktionieren, bis ich im IE8 gegengeprüft habe. Dort erscheinen nun die Pfeile so wie sie sollen, aber das von mir eingebaute "Author-highlight" greift plötzlich nicht mehr im IE! Im Firefox funktioniert selbstverständlich alles wie gehabt. Bevor ich jetzt noch weitere Stunden verschwende, dachte ich mir, fragen kann ja nicht schaden. Hat hier irgendjemand eine gute Idee für eine elegantere Lösung? Beispielseite |
Sponsored Links |
|
|||
Es funktioneirt doch im IE8.
Schon mal neu geladen die Webseite?
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
|
|||
Moin,
bei mir siehts in Fx genauso aus, wie in IE8. Wüsste auch nicht, wo dieser Bleistift herkommen soll... Da ist kein ::before definiert. gruß, take |
|
|||
Moin,
Zitat:
gruß, take |
|
|||
Moin,
das Problem existiert auch im IE9 und liegt an dem filter, mit dem du für die IEs den Gradient erzeugst. Warum das jetzt genau so ist hab ich mit den scheiß-Developer-Tools vom IE nicht rausgefunden, aber wenn man den Filter rausnimmt, ist das Admin-Bild und der veränderte Hintergrund zu sehen. Ich würde also in der CSS-Regel für die Admin-Posts den Filter wieder deaktivieren, dann sollte es auch der IE so darstellen wie du es haben willst. gruß, take |
|
||||
Ja, danke, das hat das Problem vorerst gelöst.
Vielleicht verwende ich statt den CSS Gradients lieber ein Hintergrundbild, damit es im IE auch dargestellt werden kann. So nervig!!! Im Kompabilitätsmodus haut's trotzdem alles zusammen. Da sieht mein ganzes Layout schrecklich aus. *IE verklopp* |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|