2013-04-10 2 views
1

Что я хотел бы сделать, это создать элемент «div» в html-документе и использовать CSS или Javascript/JQuery, изменив прозрачность фона, чтобы он выглядел примерно как Simple Calendar Widget или Glass Widgets с Android. Кто-нибудь знает, как это сделать? Я пробовал функцию непрозрачности css, но он вмешивается во весь текст, и если я создаю второй «div» и устанавливаю прозрачность этого, мне нужно вручную изменить его размер, чего я бы предпочел не делать.Прозрачный HTML

Прошу прощения, если есть простой способ сделать это, и я потратил впустую время каждого, но я действительно застрял на этом.

+0

Вы можете использовать IE 'filters' и в firefox/etc .. вы можете использовать' background: rgba (0,0,0, .2) 'где .2 - непрозрачность (от 0-1) –

+0

возможный дубликат из [Непрозрачность фона, но не текст] (http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text) – isherwood

+0

Простой способ = использовать изображение .png с размером 1x1 px! – adeneo

ответ

1

Вы должны использовать значение альфа в rgba(0,0,0,0.5), если вы не хотите, непрозрачность, чтобы повлиять на потомков текстовые узлы ..

http://www.w3.org/TR/css3-color/#rgba-color

Единственный минус нет поддержки ниже IE 9 (http://caniuse.com/css3-colors)

+0

Я почти уверен, что это не работает в IE. Особенно старые версии. –

+0

Я думаю, что это сработает, есть ли способ получить его в IE8? –

+0

downvote? И спасибо за помощь –

Смежные вопросы