Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: css расположить одну картинку поверх другой
 
 автор: lenb   (31.12.2007 в 02:55)   письмо автору
 
 

Подскажите пожалуйста как средствами css расположить одну картинку поверх другой без использования background

   
 
 автор: lenb   (31.12.2007 в 03:36)   письмо автору
 
   для: lenb   (31.12.2007 в 02:55)
 

Решил. Если кому интересно:
(но в IE (7) не идет...)
<style>

.image {
z-index:1;
float:left;
}

.ugol {
z-index:3;
position:absolute;
margin-top:0;
margin-left:0;
float:left;
}

</style>

<table><tr><td>
<img class="image" src="img1" alt="" >
<img class="ugol" src="img2" alt="">
</td></tr></table>

   
 
 автор: sim5   (31.12.2007 в 04:18)   письмо автору
 
   для: lenb   (31.12.2007 в 03:36)
 

Плохо решили, оно и в IE6 работать не будет.

.image {
z-index:1;
position:absolute;
}

.ugol {
position:absolute;
}
а остальное можно выбросить для вашего случая

   
 
 автор: lenb   (31.12.2007 в 04:38)   письмо автору
 
   для: sim5   (31.12.2007 в 04:18)
 

Спасибо Я уже понял что коряво Про IE 6 я догадывался что не пойдет Но про выбросить вы поспешили Это не весь случай таких углов - 4 Соответственно: верх верх низ низ И без margin я пока не знаю как реализовать Может мне кто нибудь помочь? Pls

   
 
 автор: sim5   (31.12.2007 в 04:45)   письмо автору
 
   для: lenb   (31.12.2007 в 04:38)
 

Всето вам надо:
z-index
position:absolute
top
left:

   
 
 автор: lenb   (31.12.2007 в 04:47)   письмо автору
 
   для: sim5   (31.12.2007 в 04:18)
 

Теперь решил

.image {
    z-index:1;    
    position:absolute;
}

.eck {
    z-index:3;
    position:absolute;
}


z-index для 2ой img все-таки нужно Иначе уходит на задний план
Спасибо за помощь

   
 
 автор: sim5   (31.12.2007 в 04:55)   письмо автору
 
   для: lenb   (31.12.2007 в 04:47)
 

Если у вас несколько слоев, естественно.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования