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

[nimag]

Стиль:

<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 просто заливается белым цетом и не работает прозрачность

Скажите кто знает как пофиксить для ie?

 

[creative.lix]

_master-web.info/простая-и-полезная-прозрачность-css-про/ - вот тут что-то написано.

 

[Andchir]

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

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;
}

А с прозрачностью там всё правильно.

 

[kostolom_brn]

Я тоже у себя сделал.
Большое спасибо за ответ!

 

[googggman]

Спасибо всем, очень полезная информация, сразу же испробовал на одном из своих сайтов, результатом более чем доволен!

 

[Hostaz]

Это друзья как сделать бегущую строку в <title> ьлисть название движется??

Добавлено через 49 секунд
ну и так скачать прогу через неё писать градиентовый текст!

 

[freezor]

а разве в титле бегущая строка может быть?
если ты такое видел, то скорее всего скриптом... с таймером ...

 

[General Fizz]

Кончаем офтопить :read:

 

[Dj_StelS]

а разве в титле бегущая строка может быть?
если ты такое видел, то скорее всего скриптом... с таймером ...

может быть, _myfland.ru
Там несколько js если надо по проверяй методом тыка)))
php на мп не дают, так что в яве нужно этот скрипт искать, мне лень)

 

[PeRsoNaliTy]

легче сделать текст как картинку , гемора меньше!