| Autor | Zpráva | ||
|---|---|---|---|
| zooh Profil * |
#1 · Zasláno: 25. 6. 2010, 14:37:56
Prosím pomůžete mi?? Máme vystylovat pozadí textu. resp. zvýrazněnému textu. Text má kolem sebe barevný rámeček a tomu máme udělat stín. Udělala jsem to podle nějakého návodu a funguje mi to, ale jenom v mozille. Potřebovala bych to zprovoznit ještě aspoň pro exploreru - tom nejnovějším. Nemáte někdo něja...ký nápad. moje řešení:
VE STYLECH: <style> .shadow { -moz-box-shadow:5px 7px 6px #C0C0C0; } </style> V OBSAHU: <div class="shadow" style="background-color: #33CCFF; width: 298px; height: 24px"> <p align="center">Vzorový text se stínem 2010</div></p> Prosím prosím :(( potřebovala bych to nějak upravit nebo vymyslet něco jiného aby to fungovalo i v nové mozille i v exploreru. |
||
| __construct Profil |
#2 · Zasláno: 25. 6. 2010, 14:57:15 · Upravil/a: __construct
štýlopis:
.shadow {
-moz-box-shadow:5px 7px 6px #C0C0C0; /*Mozilla Firefox*/
box-shadow:5px 7px 6px #C0C0C0; /*podporuje Google Chrome a Safari*/
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=7, Color='#C0C0C0', Positive='true') /*Internet Explorer .. ale děsně škaredé :-)*/
}Možno sa dá aj inak .. //edit: IE nepodporuje tzv. blur ale našiel som článok s fintou ako na to |
||
| zooh Profil * |
#3 · Zasláno: 25. 6. 2010, 15:04:01
__construct:
Tak jsem to přesně opsala ale nefunguje mi to. v mozille to vypadá stejně - funguje, ale nikde jinde, v chrome ani v exploreru se nestalo ani prd:( |
||
| __construct Profil |
#4 · Zasláno: 25. 6. 2010, 15:12:29
zooh:
<style type="text/css">
.shadow {
-moz-box-shadow:5px 7px 6px #C0C0C0; /*Mozilla Firefox*/
-webkit-box-shadow:5px 7px 6px #C0C0C0; /*podporuje Google Chrome a Safari*/
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=7, Color='#C0C0C0', Positive='true') /*Internet Explorer .. ale děsně škaredé :-)*/
}
</style>
<div class="shadow" style="background-color: #33CCFF; width: 298px; height: 24px">
Lorem Ipsum
</div>Toto určite funguje v Google Chrome, Internet Explorer 8 a Firefox V Chrome to nefungovalo, lebo som tam nedoplnil webkit- (myslel som, že už začali podporovať CSS3 zápis) |
||
| zooh Profil * |
#5 · Zasláno: 25. 6. 2010, 15:50:43
__construct:
SÁÁÁKRA ONO TO FAKT FUNGUJE!! DÍKY MOC. škoda že v tom exploreru je to takové hranaté. ale aspoň něco. díky |
||
| Bubák Profil |
#6 · Zasláno: 25. 6. 2010, 20:26:41
box-shadow:5px 7px 6px #C0C0C0; /* umí Opera od verze 10.50 */ |
||
|
Časová prodleva: 15 let
|
|||
0