| Autor | Zpráva | ||
|---|---|---|---|
| Radim24 Profil * |
#1 · Zasláno: 25. 7. 2008, 20:37:27
Zdravím. Chci se zeptat jak se nastavuje průhlednost prvku, konkrétně select box, v mozzile 2.0.0.8
opacity: 0.5; mi nefunguje ani -moz-opacity: [0,1,5] |
||
| Nox Profil |
#2 · Zasláno: 25. 7. 2008, 20:41:27 · Upravil/a: Nox
Když jsem to teď zkoušel tam mi to fungovalo, ale pouze na první položku, to co se vysune pod select už průhledné nebylo,
takže to se bude muset nastavit přes select option{ opacity: ... } jestli to vůbec půjde (stylování formulářů není až tak veselý) Pokud to neprůhlední vůbec...asi by byla lepší živá ukázka Edit: oprava - testoval jsem jen v 3.0.1, takže to možná ve dvojce nejde vůbec, nevím |
||
| Radim24 Profil * |
#3 · Zasláno: 26. 7. 2008, 17:15:55
No a já jsem zase zjistil, že to není klasická průhlednost jako u toho transparent, takže to asi nebudu používat. Ale pak jsem zjistil, že transparet funguje jen nevím, jestli bude fungovat i ve starých verzích.
|
||
| Radim24 Profil * |
#4 · Zasláno: 28. 7. 2008, 01:15:14
Chtěl bych aktualizovat svůj dotaz.
Zkouším udělat box, který bude mít opacity např. 0.25, ale uvnitř bude text, který bude normálně vidět. Udělal jsem toto: <dd> <SPAN class="nadpis_H3">I. Úvod</SPAN> <tt>Lorem ipsum dolor sit amet consectetuer faucibus pretium quis malesuada nascetur. Felis pretium orci Vivamus aliquet habitant Curabitur nibh odio vel ac. Volutpat ante at tellus auctor pulvinar rutrum Sed In eleifend Pellentesque. Elit tristique Sed magna dolor dictumst sem Curabitur Phasellus turpis convallis. Sagittis Aenean adipiscing nulla Nulla et adipiscing ante Sed dignissim lacus. Hendrerit leo velit nibh sodales venenatis Pellentesque urna tortor Nullam Pellentesque. Nec tellus est accumsan felis eros urna adipiscing at In nulla. Libero Vivamus metus Praesent mauris eros ut purus In Nunc natoque. Nibh cursus.</tt> </dd> dd { display:block; background-color:pink; -moz-opacity: 0.25; opacity: 0.25; } tt { display: block; clear: both; /* tento tag je vyhrazený pro odstavec s textem */ font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 14; margin: 10px; text-indent: 35px; } SPAN.nadpis_H3 { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; /* popisek za form skočí na nový řádek */ font-weight: bold; color: black; font-size: 15px; letter-spacing: 2px; margin-top: 16px; margin-bottom: 12px; margin-left: 10px; } Dá se nějak zakázat, aby vnořený prvek přebral opacity? Zkoušel jsem tag tt nastavit -moz-opacity: 1; opacity: 1; je to ale k ničemu. |
||
| Bubák Profil |
#5 · Zasláno: 28. 7. 2008, 09:00:44
Zkouším udělat box, který bude mít opacity např. 0.25, ale uvnitř bude text, který bude normálně vidět.
Normálně se to nedá, ale jde to snadno obejít s trochou pozicování. Do boku napozicuješ jeden průhledný box a nad něj box s textem. http://teststranek.kvalitne.cz/transparent-plus-text/ |
||
| Radim24 Profil * |
#6 · Zasláno: 28. 7. 2008, 10:47:53
Díky moc. Zkoušel jsem ten příklad předělat ku svému obrazu a nefunguje mi to. Nevím v čem jsem udělal chybu:
http://www.krestan.cz/pokus2/index.htm Navic to nefunguje v Mozille. Mohl by jsi mi s tím trochu pomoct? Dík |
||
| Radim24 Profil * |
#7 · Zasláno: 28. 7. 2008, 10:54:00
Text v mozille je červný, ale v IE je šedý.
Čím to, že ten vnitřní okraj v mozille přečnívá? |
||
| Radim24 Profil * |
#8 · Zasláno: 28. 7. 2008, 11:06:28
Ještě jeden pokus:
http://www.krestan.cz/pokus3/index.htm Chtěl jsem docílit toho, aby ten vnější box byl světlejší než ten vnitřní, ale ať to prohazuju jak chci, tak ten vidím to vidím ve stejné opacity. |
||
| Radim24 Profil * |
#9 · Zasláno: 28. 7. 2008, 17:06:23
Mám to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Page title</title> <style type="text/css"> .opacity50 {background: #ffffff; padding: 10px; width: 350px; opacity: 0.5; filter: alpha(opacity=50);} .opacity75 {background: #ffffff; padding: 10px; width: 350px; opacity: 0.75; filter: alpha(opacity=75);} .solidtext {position: relative; color: #000000; font-weight:bold; } .pozadi {background: darkgreen;} --> </style> </head> <body class=pozadi> <div class="opacity75"> <div class="solidtext"> Text och inneha*ll... </div> </div> <div class="opacity50"> <div class="solidtext"> Text och inneha*ll... </div> </div> </body></html> |
||
|
Časová prodleva: 16 let
|
|||
0