Полезная информация

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№126-02-2006 17:50:15

SGD
Участник
 
Группа: Members
Откуда: Новосибирск
Зарегистрирован: 07-01-2006
Сообщений: 49

Как применить эффект text-shadow?..

Вот недавно решил попробовать поизучать html and css, все шло нормально, пока не дошел до описания атрибута text-shadow. Не получается у меня его применить, хоть ты тресни...Пошарился по инету: кое-где статьи, что браузеры вообще не поддерживают это свойство, в других статьях пишут, что все ок и проблема может быть только в генах у разработчика...
В связи с чем вопрос: вообще это свойство корректно отображается хоть в каких-нибудь браузерах (проверял на FF, IE, Opera)?
Или все же проблема в генах и надо менять наследственность :(
В качестве примера кусок кода пробного файлика (только, чур, сразу не смейтесь - я еще маленький и только учусь...  :) Буду очень признателен за помощь!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<meta hhtp-equiv="Content-Style-Type" content="text/css">
<title>shadow-temp</title>
<style type="text/css">
h2 { text-shadow: 3px 3px;}
H1 {text-shadow: 3px 3px red;}
p {text-shadow: 5px 5px black; color: green; font-weight: bold; font-size: 25px;}
p.shd {text-shadow: 5px 5px red; color: orange; font-weight: bold; font-size: 22px;}


</style>
</head>
<body>

<h3 style="text-shadow: 5px 5px 6px red; color: blue">checking</h3>
<p style="text-shadow: 5px 5px">checking 2</p>
<p class="shd">checking 3</p>
<H1>checking 4</H1>
<h2>checking 5</h2>

</body>
</html>

Отсутствует

 

№226-02-2006 18:27:19

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

Re: Как применить эффект text-shadow?..

Да, его берет Safari для MacOSX и еще какой-то браузер. В перечисленные Вами действительно пока не включили его поддержку и вроде бы не планируют.

Отсутствует

 

№326-02-2006 18:30:56

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

Re: Как применить эффект text-shadow?..

Выделить код

Код:

<meta hhtp-equiv="Content-Style-Type" content="text/css">

вот это писать не обязательно, к тому же, http-equiv
Лучше бы Вы прописали кодировку.
Стили лучше применять не через style=, а во внешнем файле стилей или внутри тэга <style>...</style>, содержимое которого рекомендуется помещать внутрь HTML-комментария <!-- -->

Отсутствует

 

№426-02-2006 22:47:18

Snik
Участник
 
Группа: Members
Зарегистрирован: 27-04-2005
Сообщений: 425
Веб-сайт

Re: Как применить эффект text-shadow?..

Al_H
Планируют, причем, возможно, даже для FF 2.0! Правда, пока как-то вяло очень (см. баг #10713).

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]