Градиентный текст css

Статус
В этой теме нельзя размещать новые ответы.

nimag

Постоялец
Регистрация
30 Янв 2007
Сообщения
88
Реакции
142
Стиль:
Код:
<style>
h2 {
	font-size:250%;
	color:#0079b6;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.6em 0;
	position:relative;	
	font-weight:bold;
}
h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:60%;
	width:100%;
	background-color:#FFFFFF;
	filter: alpha(opacity=65); /*     <-----------this part do the magic--------*/
  	-moz-opacity: 0.65;/*  			  <----------this part do the magic---------*/
  	opacity: 0.65;/*     			  <---------this part do the magic----------*/
}
h3 {
	font-size:200%;
	color:#FF9900;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.6em 0;
	position:relative;	
	font-weight:bold;
}
h3 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:60%;
	width:100%;
	background-color:#FFFFFF;
	filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}
</style>
Текст:
Код:
<h2>My Cool Title<span></span></h2>
<h3>My Cool Title<span></span></h3>

В лисе и опере порзрачность работает, но в ie просто заливается белым цетом и не работает прозрачность:confused:

Скажите кто знает как пофиксить для ie?
 
_master-web.info/простая-и-полезная-прозрачность-css-про/ - вот тут что-то написано.
 
Там дело в том, что IE не правельно работает с высотой спана (<span>) которая указана в процентах (можно указать в пикселях). Ещё у спана надо сбросить размер шрифта, т.к. в IE он разтягивается.

HTML:
h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:25px;
	font-size:1px;
	width:100%;
	background-color:#fff;
	filter: alpha(opacity=65);
  	opacity: 0.65;
}

А с прозрачностью там всё правильно.
 
  • Заблокирован
  • #4
Я тоже у себя сделал.
Большое спасибо за ответ!
 
Спасибо всем, очень полезная информация, сразу же испробовал на одном из своих сайтов, результатом более чем доволен! :ay:
 
Это друзья как сделать бегущую строку в <title> ьлисть название движется??

Добавлено через 49 секунд
ну и так скачать прогу через неё писать градиентовый текст!
 
а разве в титле бегущая строка может быть?
если ты такое видел, то скорее всего скриптом... с таймером ...
 
Кончаем офтопить :read:
 
а разве в титле бегущая строка может быть?
если ты такое видел, то скорее всего скриптом... с таймером ...

может быть, _myfland.ru
Там несколько js если надо по проверяй методом тыка)))
php на мп не дают, так что в яве нужно этот скрипт искать, мне лень)
 
легче сделать текст как картинку , гемора меньше!
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху