CSS hack blokk-linkekhez

By | 2012. november 19.

Az alábbi CSS kódrészlet hasznos, ha blokk-linket akarunk tenni egy elemre és azt akarjuk, hogy még IE-ben is működjön…

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #fff;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;

Ezzel elkerülhetjük, hogy bizonyos böngészőkben (IE főként) azt a hibát kapjuk, hogy a link alatti szöveg-blokkok miatt nem lesz kattintható a blokk.