Autor | Zpráva | ||
---|---|---|---|
jannie Profil * |
#1 · Zasláno: 8. 6. 2011, 18:32:10
Ahoj,
pořád nemůžu přijít na to, jak mít div s průhledným pozadí a v něm text, který by byl bez průhlednosti. V CSS mám zatím toto: .box{ width:200px; background:#fff; opacity:0.4;} .box p{float:right;opacity:1.0!important;} což by člověk čekal, že by to mohlo fungovat, ale bohužel ne. Ví někdo jak na to? Díky za rady. Je dobrá podpora průhlednosti i v IE ? |
||
laijk Profil |
#2 · Zasláno: 8. 6. 2011, 18:39:09
ide ti to všade? ak ti to nejde v IE tak skús namiesto
opacity:0.4; filter: alpha(opacity = 40); |
||
Taurus Profil |
#3 · Zasláno: 8. 6. 2011, 18:47:55
Musíš si vytvořit jiný div, který nebude potomkem .box a nebude tak dědit průhlednost. Ten div pak napozicuješ na/pod .box
|
||
jannie Profil * |
#4 · Zasláno: 8. 6. 2011, 18:49:53
|
||
jannie Profil * |
#5 · Zasláno: 8. 6. 2011, 18:54:11
Navíc kdyby se to kaskádou přeneslo na potomka, tak to přeci tim druhým zápisem přepíšu...ale to nefunguje..
|
||
Bubák Profil |
#6 · Zasláno: 8. 6. 2011, 19:08:27
Koukni na opacity pouze pro background-color
jannie: „Navíc kdyby se to kaskádou přeneslo na potomka, tak to přeci tim druhým zápisem přepíšu...“ Průsvitnost se nedědí (nepřenáší na potomka), ale protože je potomek uvnitř transparentního objektu, tak je také transparentní. Koukni třeba ještě na Obrázek na transparentním prvku. |
||
jannie Profil * |
#7 · Zasláno: 8. 6. 2011, 19:27:58
Takže tohle zafungovalo : background-color: rgba(255, 255, 255, 0.6);
Díky za link ;) |
||
habendorf Profil |
#8 · Zasláno: 8. 6. 2011, 23:03:11
Z hlediska podpory v prohlížečích mi pořád připadá jako nejlepší řešení obrázek na pozadí.
|
||
Časová prodleva: 13 let
|
0