помогите с прозрачностью

[vladmih]

Люди помогите в верстке. Нужно получить вот такой элемент.

http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif

В котором черный фон прозрачный текст и картинка нет.

<section id="line_one">

<aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside>

<aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside>

</section>

стили

.left {

width:200px;

height:61px;

float:left;

background:#000;

border-radius:0 40px 40px 0;

}

.left img {

float:left;

margin:3px 0 0 10px;

}

.left p {

padding: 5px 0 0 80px;

}

Пробовал по разному, к left добавлял opacity, но он делал прозрачным все и текст и картинку... Пробовал позиционировать друг на друге, и добавлять z-index, все равно не получалось... Если у кого есть идеи как решить, буду признателен.

Edited January 24, 2013 by vladmih

[uuu]

Выложите свой код вот сюда: http://jsfiddle.net/

Тогда точно кто-нибудь поможет

Сделать фон полупрозрачным можно с помощью rgba (погуглите):

background: rgba(0,0,0,0.8);

[vladmih]

Выложите свой код вот сюда: http://jsfiddle.net/

Тогда точно кто-нибудь поможет

Сделать фон полупрозрачным можно с помощью rgba (погуглите):

background: rgba(0,0,0,0.8);

аааа, точняк, забыл про это....

щас попробую)