Autor Zpráva
esotery
Profil
Ahoj,

mám button, v něm mám tři spany (dva pro dekoraci, vlevo a vpravo) a jeden který je wraper pro text buttonu (ve středu buttonu).

V IE7 mi to udělá šílené bílé pruhy přes button, když přes něj přeskroluju (scrollnu dolů, button zmizí z viewportu, pak vyskroluju zpátky nahoru, button jde zase vidět).

Setkal se s tím někdo?
panther
Profil
esotery:
Setkal se s tím někdo?
kdybys problematickou stránku odkázal, snáze by se někdo našel, kdo se s tím mohl setkat. A třeba by se našli i tací, co se s tím nesetkali, ale byli by schopní problém vyřešit.
esotery
Profil
Jasně, díky za upozornění.

www.ipponshop.cz

Projevuje se to u červených a modrých tlačítek.
Davex
Profil
Horizontální pruhy na elementech <button>, které vznikají při posouvání stránky v Internet Exploreru 7 jsou způsobeny CSS vlastností overflow: visible.

Řešení jsou dvě - nepoužívat problematickou vlastnost nebo chybu obejít. Tady je ukázka s možným řešením:

<!doctype html>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<style>
html {
    height: 200%;
    min-height: 200%;
}

button {
    font-size: 4em;
    /* problém */
       overflow: visible;
}
/* řešení */
button span {
    position: relative;
}
</style>

<form>

<button type="button">Koupit</button>
<button type="button">Koupit</button>
<button type="button">Koupit</button>
<button type="button"><span>Koupit</span></button>

</form>
esotery
Profil
Díky moc,

jsi můj zachránce:).

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: