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,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors