Overflow neprekryje dalsie elementy – CSS – Fórum – Programujte.com

Zdravim. Mam problem s overflow pri texte. 

Neviem si porait s tym, ako mam urobit aby overflow prekryl ostatne elemety (button, span, p, b a iny text)

#tittle {
    width: 200px;
    text-align: center;
    line-height: 1em;
    height: 2em;
    overflow: hidden;
}

#tittle:hover {
    overflow: visible;
    width: 200px;
    text-align: center;
    line-height: 1em;
    height: 2em;
    background-color: white;
}

Ako urobit by pri prejdeni mysou na tittle overflow prekryl vsetko ostatne ? 

Dakujem za kazdu pomoc

Uvedeny kod neni spustitelny. Zkus JS fiddle net.

V jakem prohlizeci to dela? Myslim si, ze ve FF by to melo fungovat.

Proc pouzivas overflow a ne visibility nebo display? Overflow je tusim nutne nutne resit s position.
https://www.jakpsatweb.cz/…verflow.html

#2 peter
Som zaciatocnik s CSS, a len sa trapim. overflow mi uz prekryva vsetko, ale chcel by som urobit nieco ako background pre overflow, lebo text mi pretecie, tak ako chcem ale je priehladny. Chcem docielit to ze prekryje vsetko, ako keby sa rozbali ale ziadna cast stranky sa neposunie, len sa prekryje 

 #tittle {
        width: 200px;
        background-color: white;
        text-align: center;
        line-height: 1em;
        height: 2em;
        overflow: hidden;
    }

    #tittle:hover {
        position: relative;
        overflow: visible;
        text-align: center;
    }

Toto je moj aktualny css.. uz mi chyba iba to pozadie textu, nech je biele a nie je vidiet co je pod nim

Nevim, moc te nechapu.
https://jsfiddle.net/bcfs7afv/

Hover funguje tak, ze mas oblast, do ktere vejde mys a to vyvola js-onmouseover, css-hover. Kdyz teda vejdes mysi do oblasti, tak muzes rici, ze se zobrazi nejaky dalsi prvek. To se ale dela takto:
<div class=xxx>BBB<div class=yyy>AAA</div></div>
.xxx .yyy {display:none;}
.xxx:hover .yyy {display:block;}
Aby to nepohlo s rolovanim, tak se da nastavit position:absolute a overflow.

Overflow se pouziva spis, kdyz potrebujes nastavit pretekani. Jakoze treba yyy ma rozmery 500x500, ale je v xxx, ktere ma rozmery 200x200, tak nastava udalost pretekani. A ted, co se ma stat. Muzes nastavit overflow:hidden, takze yyy se orizne z 500x500 na 200x200. Nebo visible a yyy vytece z xxx a prekryje neco. Nebo scroll a zobrazi se scrolovaci listy.

#4 peter
Myslim nieco taketo

Připojen obrázek.

riadok 1 a 2 cierneho textu su normalne zobrazene. riadok 3 a 4 sa zobrazia az ked prejdem na ten text mysou, taka situacia je na obrazku. riadok 3 a 4 su overflow, teda boli skryte. problem je ze nechcem aby pod textom bol vidiet ten button a ta cena. Dufam ze uz je to zrozumitelne :) Mal by som to riesit inak ako nastavovanim overflow ?    

https://jsfiddle.net/xzs9u0e0/4/

Nieco taketo, ale skovam tlacitko pod ten text.

Niečo takéto?
https://jsfiddle.net/xzs9u0e0/41/

#7 weroro
Presne to, dik moc :)