[HTML][CSS]Przezroczystość na obrazku Opcje

[miras]

Potrzebuję zrobić przezroczysty pasek na obrazku, próbowałem coś takiego, jednak nie działa:

[HTML] pobierz, plaintext 
 
.alpha {
	height: 200px;
	width: 200px;
	margin: auto;
	overflow: hidden;
	background: #ea2f2e;
	filter: alpha(opacity=50);
}
 
<div class="alpha"><img src="http://vifus.pl/sp1/assets/images/1x.png"/></div>
[HTML] pobierz, plaintext 

[glh]

A nie powinno to czasami być tak, że obrazek jest tłem div-a, a ten pasek wstawia się dopiero w div-a (pomiędzy <div></div>) (IMG:style_emoticons/default/smile.gif) ?

[markuz]

[HTML] pobierz, plaintext 
<div class="image"><div class="alpha">Pasek</div><img src="http://vifus.pl/sp1/assets/images/1x.png"/></div>
[HTML] pobierz, plaintext 

[tomxx]

Nic dziwnego. Szerokość DIV-u jest mniejsza od szerokości obrazka. (IMG:style_emoticons/default/biggrin.gif)
Ustaw width w arkuszu styli na 100% (IMG:style_emoticons/default/smile.gif)

Ten post edytował tomxx 18.11.2013, 20:56:04

[miras]

poradziłem sam już, temat zamknięty.