Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JQuery] Opacity dla części obrazka
Forum PHP.pl > Forum > Przedszkole
gg1985
Witam

Jak zmienić opacity tylko np. dla dolnej części obrazka ?

Pzdr
janusz85
Ja bym ten obrazek pociął i wyświetlił dwa z różnie ustawionym opacity.
gg1985
Ale wiem, że da się to zrobić automatycznie, pytanie jak...
erix
Cytat
Jak zmienić opacity tylko np. dla dolnej części obrazka ?

Nie da się. Musisz mieć osobny obiekt. Może ew. przez canvas, ale to więcej roboty.
gg1985
Może jakiś inny framework niż przez JQuery ? OStatecznie można nałożyć wartwę z PNG 50% przezroczystości
wookieb
Niekoniecznie ani jedno ani drugie rozwiazanie...
  1. <div>
  2. <div id="o1"></div>
  3. <div id="o2"></div>
  4. </div>

css
Kod
#o1
{
width: 100px; /* szerokosc obrazka */
height: 50px; /* gorna czesc obrazka */
background: url(obrazek.jpg) no-repeat;
}
#o2
{
width: 100px;
height: 50px; /* dolna czesc obrazka */
background: url(obrazek.jpg) bottom no-repeat;
opacity: 0.5;
/* i tutaj opacity dla ie. Jakie? musisz znaleźć */
}
magra
po co PNG, możesz dać białego diva z 50% opacity
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.