Sign in to follow this  
zjzulay

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

Edited by zjzulay

Share this post


Link to post
Share on other sites

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

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

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

Share this post


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

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

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

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

Share this post


Link to post
Share on other sites
По Вашему Internet Exploer ненормальный браузер?

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

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

Share this post


Link to post
Share on other sites
По Вашему Internet Exploer ненормальный браузер?

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

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

Share this post


Link to post
Share on other sites
в осле данный эффект реализуется через фильтр, так что никаких проблем с ним нет

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

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

Share this post


Link to post
Share on other sites

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

Share this post


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

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

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

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

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

Edited by mishka2

Share this post


Link to post
Share on other sites
Нет, нет, нет....

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

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

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

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

Share this post


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

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

Share this post


Link to post
Share on other sites

Блин...

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

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

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

Edited by mishka2

Share this post


Link to post
Share on other sites

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

<!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>

Share this post


Link to post
Share on other sites

rash, спс.

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

Share this post


Link to post
Share on other sites
rash, спс.

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,551
    Total Members
    3,128
    Most Online
    Илья92
    Newest Member
    Илья92
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.