Как сделать текст прозрачным?

[Wertuta]

Очень прошу о помощи всех форумцев.

Версткой занимаю очень недавно, но задания у меня уже довольно трудные...

Режу скины для почтового сервера.

html один, css для каждого скина свой.

Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой????

надпись добавлена таким образом:

INFO

[rent]

Можно сделать это при помощи параметров filter (IE) и -moz-opacity (Firefox, Sea Monkey):

#info {
filter: alpha(opacity=0); /* IE */
-moz-opacity: 0; /* Firefox, Sea Monkey */
}

К сожалению, о других браузерах ничего сказать не могу.

[rent]

А может так:

#info {
visibility: hidden;
}

По крайней мере, это дело поддерживается всеми браузерами.

[Wertuta]

эх, если бы все так просто было...

чтобы просто блок не был виден достаточно поставить display:none;

но мне такой вариант не подходит, потому что нужно, чтобы текст в блоке не был виден, но блок сам присутствовал был определенного размера и имел bg картинку!!!

[rent]

А можно подробней, зачем вообще делать ее прозрачной, а вместо надписи рисунок?

[Wertuta]

см. первый пост:

html один, css для каждого скина свой.

Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а в некоторых вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом).

ну.. или... если возможен вариант вставить текст прямо в css - было бы идеально, но я такой функции не нашла

[rent]

Или я пьяный, или у Вас какая-то накладка. Вот что было написано в посте:

Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой????

Но в общем теперь понятно. Но ведь можно использовать два слоя, один с картинкой, другой с текстом (расположить их друг над другом) и в зависимости от шаблона выставлять на один из слоев прозрачность. По-моему, так проще, а выполнить это в одном слое, на мой взгляд, нельзя. Да и смысла нет.

[Wertuta]

спасибо, интересная идея...

но только что поразмышляв с самой собой.... я придумала еще один способ:

INFO

а css такой

#info {

background-image: url(images/accinfo_info.gif);

background-repeat: no-repeat;

height: 64px;

width: 15px;

display:block;

}

#info span{

display:none;

[Fu-tai]

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

Wertuta - а вы смышленная!

[Wertuta]

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

Wertuta - а вы смышленная!

Большое спасибо!!!

Да вот тут.. на свою голову взялась за эти скины... хотя до этого никогда вообще сайты не резала... и вообще я дизайнер

а тут пришлось сразу скины резать... чувствую буду постоянным посетителем этого форума - потому как вопросов выше крыши!!!

P.S.: Версткой занимаюсь с начала декабря...

[rent]

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

Wertuta - а вы смышленная!

Поддерживаю это мнение, хотя и не на 100%, а Wertut'е желаю творческих успехов в верстке )

[Wertuta]

Поддерживаю это мнение, хотя и не на 100%, а Wertut'е желаю творческих успехов в верстке )

Большое спасибо