Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прозрачность / 6 сообщений из 6, страница 1 из 1
08.07.2012, 23:58:34
    #37870974
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
Код: html
1.
2.
3.
4.
5.
<ul>
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
</ul>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
position: absolute;
    z-index: 999;
    left: 130px;
    top: 31px;
    padding-bottom: 10px;
    background: #262626;
    border: #2a292c 1px solid;
    opacity: 0.3;
    filter:alpha(opacity=30);



указываю прозрачность для ul, все круто, все работает, но прозрачным становится все. Вопрос - как сделать (и вообще можно так), чтобы прозрачным был только фон, а ссылки нормальными?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.07.2012, 01:42:46
    #37871035
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
SharuPoNemnoguВопрос - как сделать (и вообще можно так), чтобы прозрачным был только фон, а ссылки нормальными?opacity работает именно так, тут ничего не поменять.

если без opacity, то 2 варианта:
1) цвет можно указывать в формате RGBA, но IE 6-8 в пролете. color
2) кроссбраузерный вариант - background-image, однопиксельная картинка PNG, нужной прозрачности, ну и background-repeat правильный.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.07.2012, 08:51:37
    #37871116
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
Яростный Меч,

В принципе в сторону png и думал. Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.07.2012, 08:56:25
    #37871121
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
SharuPoNemnogu
Код: html
1.
2.
3.
4.
5.
<ul>
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
</ul>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
position: absolute;
    z-index: 999;
    left: 130px;
    top: 31px;
    padding-bottom: 10px;
    background: #262626;
    border: #2a292c 1px solid;
    opacity: 0.3;
    filter:alpha(opacity=30);



указываю прозрачность для ul, все круто, все работает, но прозрачным становится все. Вопрос - как сделать (и вообще можно так), чтобы прозрачным был только фон, а ссылки нормальными?

Может не совсем правильно и круто, но я обычно пользую такой тип вёрстки:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div class='container' style='position: relative'>
 <div class='background' style='opacity: ...; background: ...; position: absolute; left:0; top:0; right:0; bottom:0;'></div>
 <ul style='position: relative/absolute'>
  <li>...</li>
  <li>...</li>
  <li>...</li>
 </ul>
</div>


ну соответственно то, что в style просто выношу в css в соответствующие селекторы и всё :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.07.2012, 09:45:47
    #37871165
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
Програмёр,

И такой вариант обдумывал, но не пробовал.. лишнего кода много. Проще наверно через png сделать все таки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.07.2012, 09:55:47
    #37871173
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прозрачность
SharuPoNemnogu,

в данном случае согласен, можно легче)) Просто у нас дизайнер очень "уникальные" дизайны создаёт :) Такая вёрстка подойдёт и под отдельный цвет, и под рисунок... А ещё бывает много полупрозрачных цветов на странице, а потому плодить кучу картинок не хочется.
Вообщем просто предложил более универсальный метод (а если создать шаблон кода в какой-нить ide, то заморочка с прозрачностями сводится к нескольким секундам :) ).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прозрачность / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 354ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449605]:
 0ms
get settings:
 4ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 65ms
get topic data:
 14ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 200ms
total:  354ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]