Прозрачный текст(можно ли это осуществить в CSS?)

zjzulay · October 31, 2009

Задался таким вопросом: Можно ли создать с помощью СSS прозрачный текст?. В интернете искал, но не нашёл(не исключаю тот факт, что плохо искал)

Помогите кто чем может.

face2005 · October 31, 2009

А зачем это нужно, назви цель свою , тогда помогу

zjzulay · October 31, 2009

Цель--дизайн сайта. Просто фон с узором, на нём Большие буквы. И как-то охото сгладить переход от фона к буквам, так как они выглядят очень контрасно.

Edited October 31, 2009 by zjzulay

Виноградов Александр · October 31, 2009

Сделать один из слоев полупрозрачным в photoshop, а потом уже с помощью css наложить слоя друг на друга.

z-index и все дела.

С помощью только css не знаю. пардон.

mishka · October 31, 2009

opacity:0.7;

значение может менятся от 0 до 1.

Виноградов Александр · October 31, 2009

Да действительно. Сам не пользовался, но прочитал, что так можно. Но нада помнить, что это CSS3. И не все браузеры это поддерживают.

http://www.htmlbook.ru/css/opacity.html

В статье все написано. Удачи.

gesandte · October 31, 2009

Да действительно. Сам не пользовался, но прочитал, что так можно. Но нада помнить, что это CSS3. И не все браузеры это поддерживают.
http://www.htmlbook.ru/css/opacity.html
В статье все написано. Удачи.

данное свойство работает во всех нормальных браузерах уже давно

Виноградов Александр · October 31, 2009

данное свойство работает во всех нормальных браузерах уже давно

По Вашему Internet Exploer ненормальный браузер?

Edited October 31, 2009 by Виноградов Александр

rash · October 31, 2009

По Вашему Internet Exploer ненормальный браузер?

А по вашему нормальный?

Кстати, в нем тое есть средство добиться полупрозрачности, но в лучших традициях IE - через… Гм… В общем, как всегда.

gesandte · October 31, 2009

По Вашему Internet Exploer ненормальный браузер?

в осле данный эффект реализуется через фильтр, так что никаких проблем с ним нет

Так что идите изучайте

mishka · October 31, 2009

в осле данный эффект реализуется через фильтр, так что никаких проблем с ним нет
Так что идите изучайте

Пожалуйста выложите действующий пример. Только обязательно проверьте в ие6-7.

SelenIT · November 1, 2009

Именно в этой задаче (полупрозрачный голый текст без фона) все-таки будет проблема в IE6 (при включенном сглаживании ClearType). Есть классическая статья по теме (правда, с той поры много воды утекло, и проприетарные префиксы для древних мозилл и сафарей можно смело выкидывать).

mishka · November 1, 2009

Именно в этой задаче (полупрозрачный голый текст без фона) все-таки будет проблема в IE6 (при включенном сглаживании ClearType). Есть классическая статья по теме (правда, с той поры много воды утекло, и проприетарные префиксы для древних мозилл и сафарей можно смело выкидывать).

Нет, нет, нет....

Вы непоняли...

Ненадо давать ссылки на разные (неспорю что полезные) блоги...

Прочтите задание ТС, сделайте, проверьте и дайте код.

Edited November 1, 2009 by mishka2

psywalker · November 1, 2009

Нет, нет, нет....
Вы непоняли...
Ненадо давать ссылки на разные (неспорю что полезные) блоги...
Прочтите задание ТС, сделайте, проверьте и дайте код.

Мих, а я чё то не вкурил, объясни плиз чё автор хочет? Opacity не прокатывает чтоли?

rash · November 1, 2009

Пожалуйста выложите действующий пример. Только обязательно проверьте в ие6-7.

А в чем ожидается трудность, кроме сглаживания в IE6?

mishka · November 1, 2009

Блин...

Хоть кто-то попробовал прежде чем вопросы задавать? или это так сложно написать несколько строк кода?

Мих, а я чё то не вкурил, объясни плиз чё автор хочет? Opacity не прокатывает чтоли?

Для ие6-7 сделай

Edited November 1, 2009 by mishka2

rash · November 1, 2009

Кроме сглаживания (правда во всех версиях) проблем не вижу:

<!DOCTYPE HTML>
	<meta charset="UTF-8">
	<title>Opacity</title>

	<style type="text/css">
		h1 {
			background: #393;
			}
		div {
			 zoom: 1;
			 font: bold 22px Georgia, serif;
			 color: #f00;
			 opacity: .5;
			 filter: Alpha(Opacity=50);
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			}
	</style>

<h1><DIV>Полупрозрачный заголовок</DIV></h1>

mishka · November 1, 2009

rash, спс.

У меня были проблемы так как я неуказал зуум. Оказывается без зума текст нехочет просвечиватся. Но он так криво смотрится, что лучше уж без этой прозрачности в ие.

rash · November 1, 2009

rash, спс.
У меня были проблемы так как я неуказал зуум. Оказывается без зума текст нехочет просвечиватся. Но он так криво смотрится, что лучше уж без этой прозрачности в ие.

Не в зуме дело, просто у блока должен быть установлен hasLayout, любым способом. Можно просто ширину или высоту блока задать, например.

Sign In

Прозрачный текст(можно ли это осуществить в CSS?)

Question

Link to comment

Share on other sites

18 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information