• 27-12-2021, 16:12:28
    #1
    Merhaba,
    oluşturduğum bir popup box kutunun arkaplanında kalıyor bunu z-index harici bir yöntem ile öne alma imkanımız var mı ? Çünkü z-index işe yaramadı.

    Sayfa içeriği :


    Şimdiden teşekkür ederim,
    (not: css ile ilgili forumda uygun kategori bulamadım bu sebepten ve scriptimin php olması sebebiyle burada açıyorum)
  • 27-12-2021, 16:16:09
    #2
    .ipucu { z-index: 99999; }

    Bu şekilde ekleyip dener misin?
  • 27-12-2021, 16:17:51
    #3
    mustaizm adlı üyeden alıntı: mesajı görüntüle
    .ipucu { z-index: 99999; }

    Bu şekilde ekleyip dener misin?
    z-index'i denedim hocam. Onu engelleyen farklı bir kod var. Onu geçebilecek ne yapabiliriz?
  • 27-12-2021, 16:18:53
    #4
    AndMex adlı üyeden alıntı: mesajı görüntüle
    z-index'i denedim hocam. Onu engelleyen farklı bir kod var. Onu geçebilecek ne yapabiliriz?
    hocam z-indexi css dosyasından değilde satır içi olarak ekleyip öyle denedin mi
  • 27-12-2021, 16:19:17
    #5
    AndMex adlı üyeden alıntı: mesajı görüntüle
    z-index'i denedim hocam. Onu engelleyen farklı bir kod var. Onu geçebilecek ne yapabiliriz?
    Üst classlara ekleyerek deneyebilirsin.

    Link atabilirsen bakıyım
  • 27-12-2021, 16:21:25
    #6
    SAMATO adlı üyeden alıntı: mesajı görüntüle
    hocam z-indexi css dosyasından değilde satır içi olarak ekleyip öyle denedin mi
    Evet hocam, öğeyi denetleden de denedim.


    mustaizm adlı üyeden alıntı: mesajı görüntüle
    Üst classlara ekleyerek deneyebilirsin.
    Link atabilirsen bakıyım
    Onu da denedim hocam, proje daha yayınlanmadı ve proje bana ait değil hocam ben programcıyım projede. Bu sebepten linki iletemem ancak gerekli kod bloğunu iletebilirim;

    <style>
    .ipucu {
        position: relative;
        display: inline-block;
    }
    
    .ipucu .ipucuMetniSag {
        visibility: hidden;
        font-size: 13px;
        width: 140px;
        background-color: #1c1c1c;
        color: #ffffff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 100px;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
    }
    
    .ipucu:hover .ipucuMetniSag {
        visibility: visible;
        opacity: 1;
    }
    
    .ipucu .ipucuMetniSag::after {
        content: " ";
        position: absolute;
        top: 50%;
        left: -10px; 
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #1c1c1c transparent transparent;
    }
    .tableup {
        z-index: 999999999999999 !important;
    }
    </style>
  • 27-12-2021, 18:45:40
    #7
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhabalar x-index in çalışmama sebebi var burada paylaşamamak adına Pm iletirseniz size uygun kodu gönderirim
  • 27-12-2021, 21:40:06
    #8
    angelofcry09 adlı üyeden alıntı: mesajı görüntüle
    Merhabalar x-index in çalışmama sebebi var burada paylaşamamak adına Pm iletirseniz size uygun kodu gönderirim
    Sorunu padding ile çözüm, yinede çok teşekkür ederim herkese