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: 14 let
|
0