/ / Come impostare la posizione degli elementi dell'isotopo in relativa - jquery, html, css, isotopo jQuery

Come impostare la posizione degli elementi dell'isotopo in relativa - jquery, html, css, isotopo jQuery

Sto usando isotopo per caricare dinamicamente i dati mentre entrano. Sto inizializzando l'isotopo sul contenitore come segue:

var $container = $("#content-main-list");
var imgLoad = imagesLoaded($container);

imgLoad.on("always", function() {
$container.isotope({
itemSelector : "article",
layoutMode: "straightDown",
position: "relative",
isFitWidth: false,
resizable : false,
});
});

Ciò comporta la costruzione del seguente html:

<div id="content-main-list" class="isotope" style="position: relative; overflow: hidden; height: 15670px;">
<div class="blog">
<article class="format-standard isotope-item" style="margin-right: 10px; display: block; position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
. . .
</article>
</div>
<div class="blog">
. . .
<div>
<div class="blog">
. . .
<div>
</div>

Vorrei che gli elementi (articoli) avessero unposizione relativa anziché assoluta. C'è un modo per farlo facilmente? L'isotopo sembra sovrascrivere tutti i miei tentativi di assicurare che gli articoli rimangano non relativi assoluti.

Grazie per qualsiasi aiuto.

risposte:

1 per risposta № 1

Prova ad aggiungere !important. Questa è una parola chiave CSS per contrassegnare una proprietà come di alta importanza, rendendo molto difficile l'override position : relative;, Scrivi position : relative!important;