webForumDet fria alternativet

göra bilder transparanta?

7 svar · 624 visningar · startad av M.Cheraghi

M.CheraghiMedlem sedan juli 20015 107 inlägg
#1

Halloj. Letar efter ett färdigt DHTML/JavaScript som gör att mina bilder får en opacity på 50%, men när jag kör en mouseOver ska det bli opacity 100%.
Om man även fick en svart ram på 1px runt bilden man hovrar över är det bara plus i kanten! :)

Tack på förhand

10-4 Over and out

tydalMedlem sedan juni 20034 013 inlägg
colioneMedlem sedan juni 20014 421 inlägg
#3

Det blir lite snyggare om du lägger till padding på alpha-klassen:

div.alpha {
opacity:0.5;
padding:1px;
}

På så sät slipper du att bilden "hoppar"

kraeftanMedlem sedan juli 200782 inlägg
#4

Fattar inte att ingen på detta forum kan hjälpa mig med min fråga angående transparent imap i IE. =(

M.CheraghiMedlem sedan juli 20015 107 inlägg
#5

Tackar för svaren! :)
Dock verkar inte tydals exempel fungera i IE, utan endast i FF.
Kan man på någotvis få det att lira med IE också?

10-4

colioneMedlem sedan juni 20014 421 inlägg
#6
filter:alpha(opacity=50)
M.CheraghiMedlem sedan juli 20015 107 inlägg
#7

colione skrev:

filter:alpha(opacity=50)

Provat... den blir behandlad som en poopup då.. den blir blockerad.. :(

även provat med:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

RED:

  div.alpha
  {
    opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

  }

Fungerar ihop med IE6... det var bara jag som inte tryckte ctrl + F5, så den laddade det som fanns i cache.

colioneMedlem sedan juni 20014 421 inlägg
#8

Det blir den endast om du kör den lokalt. Det är för att du egentligen inte kör css, utan kod och pga säkerhetsinställningarna får man inte köra sådant lokalt. Uppe på teh InterTubEz bör det inte vara nåt problem dock.

Om du vill att den ska vara funkis att köra lokalt, kan du "lura" internet explorer att tro att den är sparad från world wide wait genom att lägga till:

<!-- saved from url=(0014)about:internet -->

Du kan läsa mer om det här:
http://msdn2.microsoft.com/en-us/library/ms537628.aspx

132 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)