CSS - div nachodzący na div

pytanie zadane 22 stycznia 2020 w HTML i CSS przez mi-20 Stary wyjadacz (13,190 p.)

Cześć. Jestem zupełnie nowy w CSS i chciałbym zrobić coś takiego

szare pole to obrazek tła. W jaki sposób nasunąć jedną kolumnę na drugą?

Dzięki

1	komentarz 22 stycznia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.) pokaż kod

2 odpowiedzi

odpowiedź 22 stycznia 2020 przez lapa19904 Stary wyjadacz (11,560 p.)

Można zrobić to na kilka sposobów.

- wrzucić taką grafikę jako background

- wrzucić div-a z background-color i dać mu niski z-index (pamiętaj że parametr z-index działa tylko kiedy element ma nadany position).

- ujemne marginy albo postion absolut (nadal również z mniejszym/większym z-index)

Nie szukałbym rozwiązania dając background-color i size dla container-a bo widać że wygładzone narożnika tj. border-radius.

Jak wrzucisz kod może znajdę lepsze rozwiązanie.

komentarz 22 stycznia 2020 przez mi-20 Stary wyjadacz (13,190 p.)

mam coś takiego https://jsfiddle.net/2yo0v4n5/

odpowiedź 22 stycznia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

 <div class="col-6">
        <div class="bg">
        </div>
 </div>
 <div class="col-6">...</div>

Po co rozdzielasz tak siatke bootstrapa? To Ci wszystko psuje. Masz za duzy balagan w kodzie ale polecam zrobic taka strukture

  <div class="col-12">
        ...background
        <div class="col-8" styles="margin: auto;">
        pytania...
</div></div>

komentarz 22 stycznia 2020 przez mi-20 Stary wyjadacz (13,190 p.)

oki. Z tym sobie poradziłem.

Mam jeszcze jedno pytanie odnośnie zwijania i rozwijania prostokątów.

Mam kod jQuery

 jQuery(document).ready(function( $ ){
    $('.content').slideUp();

        $('.__text').click(function(){
            $(this).siblings('.content').toggle('slow')
          $('.icon-btn-more').removeClass('fa-chevron-down')
          $('.icon-btn-more').addClass('fa-chevron-up')
        });
});

i działa ok. Kiedy okno się rozwija zmieniam ikonę. Teraz kiedy okno się zwija chciałbym zrobić odwrotność. Jak wykryć kiedy okno jest zwijane a kiedy rozwijane?