Зверь-чародей
Работает в IE6(!)/IE7, Opera, Firefox
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
2. Полупрозрачный фон нужным элементам прописывается так:
.классБлока
{
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
Опера и Фаерфокс увидят !important и больше этот параметр менять не будут
background-image: none;
IE что такое !important не знает, поэтому отменит фоновый png
filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
Зато только в IE есть filter который и сделает нам полупрозрачный фон через AlphaImageLoader
}
3. Для классов которым прописали полупрозрачноть прописывам новое свойство ссылок:
.классБлока a
{
position:relative; z-index: 2;
}
4. Если ники скачут, прибиваем их гвоздями:
.authorName { float:none;}
5. Следите за корректностью отступов в остальном стиле ))
Ссылки на png вставляем по аналогии, со своей Библиотеки изображений.
Проверялось на: Opera 9, Firefox 1.5, Internet Explorer 6 и 7
Как это выглядит можно посмотреть у меня в дневнике
Уже нельзя )
UPD: пофикшена проблема с неработающими ссылками в IE6
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
2. Полупрозрачный фон нужным элементам прописывается так:
.классБлока
{
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
Опера и Фаерфокс увидят !important и больше этот параметр менять не будут
background-image: none;
IE что такое !important не знает, поэтому отменит фоновый png
filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale'); Зато только в IE есть filter который и сделает нам полупрозрачный фон через AlphaImageLoader
}
3. Для классов которым прописали полупрозрачноть прописывам новое свойство ссылок:
.классБлока a
{
position:relative; z-index: 2;
}
4. Если ники скачут, прибиваем их гвоздями:
.authorName { float:none;}
5. Следите за корректностью отступов в остальном стиле ))
Ссылки на png вставляем по аналогии, со своей Библиотеки изображений.
Проверялось на: Opera 9, Firefox 1.5, Internet Explorer 6 и 7
Уже нельзя )
UPD: пофикшена проблема с неработающими ссылками в IE6
-
-
28.03.2007 в 16:10можно полный код?
-
-
28.03.2007 в 16:13div.bordered
{
background: url('/userdir/9/3/1/2/93120/картинка') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/картинка', sizingMethod='scale');
}
можно использовать для любых дивов.
-
-
28.03.2007 в 16:14-
-
28.03.2007 в 18:34в ИЕ7 - норма
-
-
28.03.2007 в 19:03благодарю х)
-
-
28.03.2007 в 22:38то есть нужно создать в фотошопе маленькую картинку с прозрачным фоном и сохранить её в пнг формате?
а как сделать его полупрозрачным? я хочу чтобы был оттенок.
-
-
28.03.2007 в 23:19-
-
29.03.2007 в 01:06Просто факты, ничего личного
-
-
29.03.2007 в 01:49А потом они приходят и нам предъявляют претензии, типа "ваши сраные дневники опять глючат!" (цитата, однако).
-
-
29.03.2007 в 06:33Рёцке *посмотрела днев* мрр))
Мне знаете что заинтересовало... Как Вы разделили на блоки меню слева? Тоже хочу, и придать им разные оттенки)
Как это делается?
-
-
29.03.2007 в 11:33-
-
29.03.2007 в 12:10-
-
29.03.2007 в 12:15-
-
29.03.2007 в 12:49Ага.. и правда. Но у меня есть подозрение что это можно обойти - ведь ссылки "комментировать" "дневник" "профиль" - работают. Не работают только те, что лежат на div.paragraph
Есть пару соображений - если они подтвердяться - выложу апдэйт )
-
-
29.03.2007 в 12:58для дивов со ссылками надо добавить
.классБлока a
{
position:relative; z-index: 2;
}
-
-
29.03.2007 в 13:42отменить границы у .bordered и прописать их #side .menuSection
Разные цвета блокам задаются через их идентификаторы
Например:
#myDiaryLinks { background-color: #FFE; }
#globalLinks { background-color: #FEF; }
Караидель Обращаюсь как к представителю администрации. Сделайте что-нибудь с hover и Internet Explorer
-
-
29.03.2007 в 13:48спасибо)) эксперименты будут проводиться в выходные) хорошие выходные ^^
-
-
30.03.2007 в 04:27и он легче /по времени загрузки страницы/, чем код с opacity?
-
-
30.03.2007 в 07:38Рёцке, в вашем дневнике такая же проблема, из шестого ИЕ ники над комментариями скачут по всей странице (:
-
-
30.03.2007 в 13:34Способ разумеется тяжелее чем через opacity. Но opacity делает прозрачным всё, а не только фон.
The Root Спасибо - пофиксил ) (Заодно пофиксил тень в первом комментарии)
Решение:
.authorName { float:none;}
-
-
30.03.2007 в 14:08омг, что-то они у меня все равно скачут через раз...
не знаете, с чем это может быть связано? ))
-
-
30.03.2007 в 14:29Спасибо в лисе 2.0.0.3 всё рулит!
-
-
30.03.2007 в 14:32IE вообще непредсказуемая штука. Простое обновление страницы вполне может вернуть всё на свои места. Как с таким поведением бороться - я не знаю. Если я не могу полагаться на то, что одна и та же страница будет грузиться всё время одинаково, то и работать с этим невозможно.
-
-
30.03.2007 в 14:43я вообще-то пользуюсь оперой, но у многих стоит ИЕ.
что касается скачущих через раз ссылок - х.зн., некоторые стоят где надо, некоторые расползлись по странице. но чтобы стояли все где надо - такого не было.
ладно, оставлю так, надеюсь, что шестым ИЕ пользуется не так много людей, заглядывающих на мой дневник)
-
-
30.03.2007 в 14:49мерси за объяснение. )
-
-
30.03.2007 в 14:52-
-
30.03.2007 в 17:01Типа h1:after{content: "" !important;content:"IE — ОТСТОЙ!"}
-
-
30.03.2007 в 17:05и не закроешь )
-
-
30.03.2007 в 17:21гыгыгыгыгы.
«Вы забыли про юзабилити»
-
-
30.03.2007 в 18:13