| Autor | Zpráva | ||
|---|---|---|---|
| holi Profil * |
#1 · Zasláno: 25. 8. 2010, 19:33:14
Dobrý den,
vytvářím stránky codgate.viateam.eu a stratil jsem se v jednom problému. V menu jak jste si mohli všimnout mám text(png obrázek), který má pruhledné pozadí  . Do toho jsem nastyloval průhledné, černé pozadí pomocí alfa kanálů jak můžete videt zde background: rgba(0,0,0,0.75) Děkuji Tomáš Holan |
||
| Velda Profil |
#2 · Zasláno: 25. 8. 2010, 23:28:06
|
||
| holi Profil * |
#3 · Zasláno: 26. 8. 2010, 19:27:26
Bohužek ani tento generátor nepomohl musím mít někde chybu v kódu, jenže já to kontroloval 4x a nikde nic fakt to nechápu:/. Mimochodem vygenerovalo mi to tento kod:
background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */ zoom: 1; |
||
| Bubák Profil |
#4 · Zasláno: 26. 8. 2010, 23:11:35
|
||
| holi Profil * |
#5 · Zasláno: 26. 8. 2010, 23:15:43
je hned v první příspěvku :) http://codgate.viatean.eu
|
||
| joe Profil |
#6 · Zasláno: 26. 8. 2010, 23:24:16
IE to nepodporuje. Nejlepším řešením bude asi použít obrázek s alfa kanálem.
|
||
| holi Profil * |
#7 · Zasláno: 26. 8. 2010, 23:41:41
ehm vše je popsáno v první příspěvku znažil jsem se tam dát pruhledný layout a ten nefungoval vubec se nezobrazí a když tam dám obrázek udělá to to samé a nic jako že by ho nemohl najít nebo tak prostě ho nechce zobrazit vůbec
|
||
| joe Profil |
#8 · Zasláno: 26. 8. 2010, 23:47:52 · Upravil/a: joe
V IE tuším, že od sedmé verze zvládá průhledné PNG, zřejmě jsi měl špatnou cestu nebo nějakou podobnou chybu.
(Na IE6 použiješ PNG fix) |
||
| Bubák Profil |
#9 · Zasláno: 27. 8. 2010, 00:13:48 · Upravil/a: Bubák
joe:
„IE to nepodporuje.“ Podporuje, odkaz dal [#2] Velda: ukázka je na http://teststranek.kvalitne.cz/gradient-ie/ „V IE tuším, že od sedmé verze zvládá průhledné PNG“ Trefa. „Na IE6 použiješ PNG fix“ Je to jedno z možných řešení, další možnost je filter alfa a pozicování, nebo zmíněná filter gradient. holi: „je hned v první příspěvku :) http://codgate.viateam.eu “ Žádný filter pro IE tam není, takže nemůžu vědět, proč nefunguje. |
||
| holi Profil * |
#10 · Zasláno: 27. 8. 2010, 00:32:22
Bubák:
> „je hned v první příspěvku :) http://codgate.viatean.eu “ > Žádný filter pro IE tam není, takže nemůžu vědět, proč nefunguje. Není tma protože pokračuji ve tvorbě webu a smazal jsem ho. ale když IE nepřečte alfa kanal png tak ho vykreslí bíle ne ? ale on mi ho nezobrazí vůbec :/ |
||
| Chamurappi Profil |
#11 · Zasláno: 27. 8. 2010, 00:38:39 · Upravil/a: Chamurappi
Reaguji na holiho:
Prohlížeč není Photoshop, proč po něm chceš, aby přes sebe vrstvil poloprůhledné obrázky, které ve výsledku budou vypadat prakticky vždy stejně? Jestli skutečně musíš mít to pozadí poloprůhledné, optimální řešení je použít pro Explorer 6 filtr gradient a pro všechny ostatní prohlížeče PNG obrázek. Rozhodně bych do toho netahal rgba().
„Není tma protože pokračuji ve tvorbě webu a smazal jsem ho.“ To ti těžko někdo řekne, v čem děláš chybu, když odmítáš ukázat, jak ti to nefunguje. |
||
| Petr ZZZ Profil |
#12 · Zasláno: 27. 8. 2010, 01:03:52
holi:
„který má průhledné pozadí“ Pokud se jedná o průhlednost a ne o (částečnou) průsvitnost, tak m.j. IE6 umí průhledný gif; více viz vlákno IE6 - png - co používáte vy? |
||
| joe Profil |
#13 · Zasláno: 27. 8. 2010, 04:40:40
Bubák:
Já ale psal o rgba() v CSS, protože to IE nepodporuje, bude to až v nové verzi. Tahat do toho filtr je pitomost, protože při prvním načtení stránky se nejprve uživatele zeptá, jestli to chce povolit. Ukaž mi prosím příklad, jak pomocí toho filtru zprůhledníš černou barvu - #000000, třeba na padesát procent? |
||
| Bubák Profil |
#14 · Zasláno: 27. 8. 2010, 07:05:04
joe:
„Tahat do toho filtr je pitomost, protože při prvním načtení stránky se nejprve uživatele zeptá, jestli to chce povolit.“ Opravdu jsi na stránce http://teststranek.kvalitne.cz/gradient-ie/ žádán o nějaké povovení? „Ukaž mi prosím příklad, jak pomocí toho filtru zprůhledníš černou barvu - #000000, třeba na padesát procent?“ http://teststranek.kvalitne.cz/gradient-ie, v ukázce je přechod z barvy #33FF3300 do #FFAADDFF Udělám přechod z barvy #80000000 do barvy #80000000 Nebo pomocí alpha(opacity=50); a obsahu dám relativní pozici, takže nebude průhledný. <style>
div {
width: 300px;
height: 100px;
font: bold 16pt/100px Verdana;
color:navy; text-align: center;
background: black;
filter:alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
div span {
position: relative;
}
</style>
<div>
<span>Neprůsvitný text</span>
</div> |
||
| pavuk Profil |
#15 · Zasláno: 27. 8. 2010, 08:16:04
Bubák:
„Opravdu jsi na stránce http://teststranek.kvalitne.cz/gradient-ie/ žádán o nějaké povovení?“ Vyskakuje exploreří lišta o zabránění spuštění skriptů nebo prvků ActiveX, gradient se zobrazí až po kliknutí na lištu a následným povolení blokovanýho obsahu |
||
| Plaváček Profil |
#16 · Zasláno: 27. 8. 2010, 08:51:24
pavuk:
Nic takového můj IE nedělá, ani k tomu nemá důvod. |
||
| pavuk Profil |
#17 · Zasláno: 27. 8. 2010, 09:52:24
Plaváček:
Tak ten můj k tomu evidentně nějakej důvod našel... :-) |
||
| Chamurappi Profil |
#18 · Zasláno: 27. 8. 2010, 11:00:53 · Upravil/a: Chamurappi
Reaguji na pavuka a joa:
Opravdu se ukazuje i při prohlížení Bubákovy stránky na Bubákově adrese? Nejde tedy o ten známý pruh, který Explorer zobrazuje při pokusu o prohlížení „aktivního obsahu“ (tj. i JavaScriptů) přes protokol file:///? Máte standardní instalaci Exploreru, ne standalone verzi? Ještě jsem se s tím (při obvyklém nastavení zabezpečení) nesetkal a to už tu podobná otázka i s řešením párkrát padla:
• Priesvitná farba • Ako urobit div priehladny a obrazky v nom neprehladne? |
||
| holi Profil * |
#19 · Zasláno: 27. 8. 2010, 11:01:37
Divejte řešení je jednoduché prostě chci aby ten web vypadal v exploreru tak jak vypadá v ff a říkám že pod tlačíkama v menu a vůbec všude mi to nechce zobrazit to pozadí zkusím tam dá neprůhledné pozadí ale asi taky nepujde
|
||
| holi Profil * |
#20 · Zasláno: 27. 8. 2010, 11:05:38
¨Wow nechápu to ...
Patičku jsem obarvil na černo (nepruhledně) pomoci background: black; a nějakým záhadným spusobem se mi obsah zabarvil do té průhledně černé kterou chci ... btw šak se podivejte, sice patička je černa ale za to obsah je pruhledně jak má být, jenom to menu blbne |
||
| Chamurappi Profil |
#21 · Zasláno: 27. 8. 2010, 11:13:17
Reaguji na holiho:
„řešení je jednoduché prostě chci aby ten web vypadal v exploreru tak jak vypadá v ff“ Vypadá jako ve starším Firefoxu. Na starší Firefox kašleš? Viz [#11] — použij PNG, nebo si ty vrstvy (pozadí + poloprůhlednou černou) chytře pospojuj už v grafickém editoru. |
||
| holi Profil * |
#22 · Zasláno: 27. 8. 2010, 11:16:01
ale já používám i png zkoušel sem snad všechno a vše mi v ostatních prolížečích funguje ale v IE prostě ne ani nevím jak sem tam ted tu pruhlednost nacpal protože zápis v CSS je stejný jak u ostatních :/
|
||
| Chamurappi Profil |
#23 · Zasláno: 27. 8. 2010, 11:21:01
Reaguji na holiho:
„ale já používám i png“ Nepoužíváš, nenahrál jsi je na server. Až je tam nahraješ, vyházej ty rgba.
|
||
| holi Profil * |
#24 · Zasláno: 27. 8. 2010, 11:23:12
Ježiši já sem blbec :/ omlouvám se to byla ta chyba kterou sem hledal
|
||
| holi Profil * |
#25 · Zasláno: 27. 8. 2010, 11:50:16
Už jen jediný problém a to je hover efekt u menu. V IE nefunguje vůbec tzn žádná změna po najetí myši a u ff mi naskočí to co chci jenže tam zůstane obrázek s 75%. Takže po najetí myši se mi těcj 75% překryje 50% takže místo aby mělo tlačítko stejnou barvu jako má pozadí celého obsahu, tak je ještě tmavší ... btw těch čárek si nevšimejte je to chyba v obrázku musím na spodku jedne pixel umazat.
|
||
| Bubák Profil |
#26 · Zasláno: 27. 8. 2010, 12:17:45 · Upravil/a: Bubák
Místo:
#menu img:hover{
background: url('grafika/50.png') repeat;
}použij: #menu a:hover img {
background: url('grafika/50.png') repeat;
}Máš IE v kompatibilním (quirk) režimu, takže ti hover funguje jenom na odkazech, tak, jak je tomu v IE6. |
||
| holi Profil * |
#27 · Zasláno: 27. 8. 2010, 12:21:43
ano funguje to a děkuji jenže pořád je tu problém s překrýváním, když sem to měl nastavené v rgba tak to fungovalo ted ten hover obrázek překrývá ten obyčejný takže výsledek je opačný místo zesvětlení se ztmavý
|
||
| Bubák Profil |
#28 · Zasláno: 27. 8. 2010, 12:30:43 · Upravil/a: Bubák
holi:
„výsledek je opačný místo zesvětlení se ztmavý“ Vržšíš obrázky na sebe, co jiného by to mělo dělat? #menu {
background: url('grafika/75.png') repeat;
}
#menu a:hover img{
background: url('grafika/50.png') repeat;
}Zkus tohle:
#menu a img {
background: url('grafika/75.png') repeat;
}
#menu a:hover img {
background: url('grafika/50.png') repeat;
} |
||
| holi Profil * |
#29 · Zasláno: 27. 8. 2010, 12:45:38
mohu ještě požádat o lehčí definici tohoto zápisu z důvodu budoucího využití ... ?
|
||
| pavuk Profil |
#30 · Zasláno: 27. 8. 2010, 13:24:17
Chamurappi:
Skutečně na Bubákově stránce na Bubákově adrese. IE 8.0.6, standartní instalace. Co je ovšem zajímavější - přestože jsem to po zadání příspěvku i před ním zkoušel několikrát, a hláška vždycky vyskočila, teď už to nedělá, a přišel jsem na ní stejným způsobem. Mno, tak nevím... |
||
|
Časová prodleva: 14 let
|
|||
0