/ / Jak ustawić pozycję elementów izotopu na względną - jquery, html, css, jquery-izotop

Jak ustawić pozycję elementów izotopów względem względnych - jquery, html, css, jquery-isotop

Korzystam z izotopu, aby dynamicznie ładować dane w momencie ich wejścia. Inicjuję izotop na pojemniku w następujący sposób:

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,
});
});

Powoduje to utworzenie następującego kodu 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>

Chciałbym, aby elementy (artykuły) miałypozycja względna zamiast absolutnej. Czy istnieje sposób, aby to łatwo zrobić? Wydaje się, że izotop nadpisuje wszystkie moje próby zapewnienia, by artykuły pozostały względne, a nie absolutne.

Dzięki za pomoc.

Odpowiedzi:

1 dla odpowiedzi № 1

Spróbuj dodać !important. To jest słowo kluczowe CSS do oznaczenia właściwości jako wysokiej ważności, co sprawia, że ​​bardzo trudno ją zastąpić. Zamiast position : relative;, pisać position : relative!important;