16.07.2008, 02:28
|
|
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами:
9560486
Репутация:
1809
|
|
Сообщение от procedure
У меня есть два слоя друг под другом, relative. И есть картинка в другом div'e которая должна стоять над ними, если поставить в relative то она будет только видна в зоне одного слоя, если поставить в absolute то она вобще не будет видна.
Как можно сделать чтоб картинка была над двумя слоями absolute?
очень просто! z-index:1; z-index:2; z-index:3; у того слоя с картинкой пиши в стиле z-index:3 и он будет над теми двумя
Код HTML:
<div style="position:absolute; left:30px; top:10px; z-index:2;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
<div style="position:absolute; left:40px; top:15px; z-index:2;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
<div style="position:absolute; left:50px; top:20px; z-index:3;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
Последний раз редактировалось mff; 16.07.2008 в 10:13..
|
|
|
16.07.2008, 02:26
|
|
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами:
9560486
Репутация:
1809
|
|
XopoIII верстай таблицами, меньше гемора будет. А с дивами должно быть так: 3 дива display:inline; в первом диве див, у него margin-top:x px во втором диве див, у него margin-top:x px и в третьем диве див с меню там тоже margin-top:x px
|
|
|
|
16.07.2008, 04:01
|
|
Постоянный
Регистрация: 29.10.2007
Сообщений: 381
С нами:
9754684
Репутация:
65
|
|
Сообщение от mff
XopoIII верстай таблицами, меньше гемора будет. А с дивами должно быть так: 3 дива display:inline; в первом диве див, у него margin-top:x px во втором диве див, у него margin-top:x px и в третьем диве див с меню там тоже margin-top:x px
можно и таблицами, но там не устраивает то, что даже когда border=0 все ровно остается маленький промежуток или можно как то убрать границу вообще до нуля?
|
|
|
|
16.07.2008, 07:05
|
|
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами:
9560486
Репутация:
1809
|
|
Сообщение от XopoIII
можно и таблицами, но там не устраивает то, что даже когда border=0 все ровно остается маленький промежуток или можно как то убрать границу вообще до нуля?
Код HTML:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
ни каких границ!!!
|
|
|
|
17.07.2008, 09:07
|
|
Постоянный
Регистрация: 29.10.2007
Сообщений: 381
С нами:
9754684
Репутация:
65
|
|
проблемка с png изображениями, отображаются голубо-серыми в осле, это можно убрать как нибуть, вот вырезка:
http://i067.radikal.ru/0807/3f/872c70d923a9.jpg
|
|
|
|
17.07.2008, 09:48
|
|
Участник форума
Регистрация: 26.02.2007
Сообщений: 259
С нами:
10107625
Репутация:
67
|
|
Сообщение от XopoIII
проблемка с png изображениями, отображаются голубо-серыми в осле, это можно убрать как нибуть, вот вырезка:
http://i067.radikal.ru/0807/3f/872c70d923a9.jpg
http://forum.antichat.ru/showpost.php?p=710351&postcount=4 там я описал как это обойти
|
|
|
|
17.07.2008, 12:46
|
|
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами:
9560486
Репутация:
1809
|
|
Сообщение от XopoIII
проблемка с png изображениями, отображаются голубо-серыми в осле, это можно убрать как нибуть, вот вырезка:
http://i067.radikal.ru/0807/3f/872c70d923a9.jpg
Решений данной проблеммы много! Глюк ентот возникает в IE ниже седьмой версии. Попробуй вариант от Корвин, не получиться мой зацени
Между тегами <head></head>:
Код HTML:
<!--[if lt IE 7]>
<![if gte IE 5.5]>
<script type="text/javascript" src="fixpng.js"></script>
<style type="text/css">
.iePNG{filter:expression(fixPNG(this));}
</style>
<![endif]>
<![endif]-->
fixpng.js
Код HTML:
function fixPNG(element) {
if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
var src;
if (element.tagName=='IMG') {
if (/\.png$/.test(element.src))
{
src = element.src;
element.src = "img/blank.gif";
}
}
else {
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
if (src) {
src = src[1];
element.runtimeStyle.backgroundImage="none";
}
}
if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}
}
В рисунки с png пропиши в тег <img> class="iepng"
Скачай этот рисунок - http://i44.servimg.com/u/f44/12/44/55/09/blank10.gif и переименуй как blank.gif, кинь в папку img
Всё! Работает 100%
Сообщение от FIND_ERROR
XopoIII ето неубрать, вроде в 7м осле глюк исправлен но не целиком, а так лучше используй gif
собачья чушь! Я тоже так когда то думал...
Последний раз редактировалось mff; 17.07.2008 в 13:25..
|
|
|
|
17.07.2008, 09:37
|
|
Познающий
Регистрация: 30.04.2007
Сообщений: 77
С нами:
10016487
Репутация:
50
|
|
XopoIII ето неубрать, вроде в 7м осле глюк исправлен но не целиком, а так лучше используй gif
|
|
|
|
17.07.2008, 09:49
|
|
Постоянный
Регистрация: 29.10.2007
Сообщений: 381
С нами:
9754684
Репутация:
65
|
|
так когда в гифе сохраняю пропадает тень и блики...хз почему
|
|
|
|
17.07.2008, 10:52
|
|
Постоянный
Регистрация: 15.07.2008
Сообщений: 444
С нами:
9381262
Репутация:
665
|
|
Сообщение от XopoIII
так когда в гифе сохраняю пропадает тень и блики...хз почему
а) gif =256 цв, .png = 2^48 оттенков.
б) прозрачность в png тоже другая.
Есть два выхода: переделать картинку в гиф (только в Photoshop), чем то поступившись. Плюс- уменьшите объем лого.
(если совсем не получится- выкладывайте здесь ваш png, я переделаю в gif с мин. потерями)
Второе- использовать хак для IE (их много, например, как здесь _http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html)
|
|
|
|
|
 |
|
Предыдущая тема
Следующая тема
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Похожие темы
Комбинированный вид
