Ik heb een pop-up die verschijnt boven een algemene div die het hele scherm grijs maakt, maar ik vind de positionering niet prettig. Dus ik probeerde handmatig de elementen left:en top:in mijn CSS in te voeren, maar als ik naar de Chrome-console kijk, zie ik dit element.style {}die mijn code overschrijft.
Ik heb in mijn CSS-bestand gezocht naar element.styleen naar 597pxen 794pxen ik krijg op geen van de hen.
Wat is dit en waarom heeft het de waarden die het heeft?
Antwoord 1, autoriteit 100%
element.styleis een onderdeel van de devtools van uw browser dat de inline-stijl aangeeft van het element met een hogere specificiteitswaardedan welke CSS-selectors dan ook.
Dat inline-stijlen kunnen worden toegevoegd door een JavaScript-code, als dat zo is, kunt u die declaraties overschrijven door het trefwoord !importantin uw stylesheet te gebruiken (bijv. left: 610px !important).
Antwoord 2, autoriteit 50%
element.styleverwijst naar inline-stijlen op het dom-element. Bijvoorbeeld:
<p style="color:#cc0000;">Foo</p>
de kleur van die alinea zou verschijnen onder element.style.
Je kunt dit oplossen met je css door dit te doen:
#popUpDiv[style]{
left:610px !important;
top:0px !important;
}
HTH
-Ted
Antwoord 3, autoriteit 14%
Dat is waarschijnlijk gemanipuleerd en ingesteld door JavaScript (of dat of u bewerkt het element.style {} Regel jezelf op de Developer Tools Console).
Zoek naar JavaScript-code die het display, de bovenste en linker-eigenschappen van #popupdiv
wijzigt
Antwoord 4, Autoriteit 7%
Het is de stijl die u in het HTML-bestand hebt.
Probeer de stijl in HTML te verwijderen of te wijzigen.