Woher kommen diese unzerstörbaren HTML-Grenzen?

-1

In einer Fundraising-Seite arbeite ich an https://cjshayward.com/these-are-a-few-of-my-favorite-things/, im Körper der Post gibt es ein Porträt ohne Grenze, aber sobald Sie zu der gemischten Liste von "Lieblingsdinge" kommen, haben alle Produktbilder eine Acht -pixelweiter Rahmen, der nach dem Setzen von DIV-, A- und IMG-Tags weiterhin vorhanden ist inline style border: 0 !important; margin: 0 !important; padding: 0 !important.Woher kommen diese unzerstörbaren HTML-Grenzen?

Ich habe auch einige Zeit damit verbracht, die Seite zu inspizieren, und kann nichts finden, das den Bildern oder unmittelbaren Containern Grenzen zuweisen würde. (NB Ich denke, es ist eher eine Grenze als ein Hintergrund mit Auffüllen: einige Bilder sind teilweise transparent PNGs, und diese lassen Sie das Hintergrundbild durch transparente Teile der PNGs sehen.)

Die Seite ist Teil einer Wordpress-Website unter einer Modifikation des Themas Twentyseventeen.

Was fehlt mir?

Quelle

2017-07-27 JonathanHayward

Fragen Masquerading Code Hilfe suchen müssen notwendig, den kürzesten Code enthalten um es ** in der Frage selbst zu reproduzieren ** vorzugsweise in einem ** Stack Snippet **. Obwohl Sie einen Link bereitgestellt haben, würde Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem keinen Wert haben, wenn sie ungültig werden sollte. Siehe [** Etwas in meiner Website funktioniert nicht, kann ich nur einen Link einfügen **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- doesnt-work-kann-ich-nur-einfügen-a-link-to-it). –

Klicken Sie mit der rechten Maustaste auf das Bild, klicken Sie auf "Element prüfen". Es zeigt die CSS-Regeln, die für das Bild gelten, und Sie können sie nacheinander deaktivieren, um zu sehen, welche das Problem verursacht. – JJJ

Es ist die box-shadow Eigenschaft

.entry-content a img, .widget a img { 
    -webkit-box-shadow: 0 0 0 8px #fff; 
    box-shadow: 0 0 0 8px #fff; 
}

dies von der CSS entfernen

war es nur als Grenze :-)

Quelle

2017-07-27 15:36:38

Vielen Dank; Dank dieser Antwort habe ich ein "Heute habe ich gelernt ..." Mitnehmen, dass Box-Schatten Effekte produzieren können, die normalerweise von Grenzen erwartet werden. – JonathanHayward

Ich bin froh, dass ich helfen konnte. :-). Es war unerwartet. –

Vergessen Sie nicht, die Antwort zu akzeptieren, wenn das die Lösung war ;-P –

Woher kommen diese unzerstörbaren HTML-Grenzen?

Antwort

Verwandte Themen