2010-08-08 2 views
2

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

example http://twitpic.com/2cnpku

+0

Добро пожаловать в Stackoverflow! Вам не нужно скулить о помощи. Я отредактировал его, потому что в противном случае будут полезны пользователи. Просто задайте вопрос умным способом. Вы уже в нужном месте, чтобы получить помощь :) – BalusC

+0

Скопируйте и вставьте часть кода релевантности в свой вопрос. Это облегчит людям помощь вам, а также будущим пользователям, чтобы увидеть вашу проблему. –

ответ

2

Установите изображение, которое вы хотите на вершине, чтобы иметь более высокий Z-индекс. Сейчас он имеет более низкий z-индекс.

+0

проблема заключается в том, что изображения не отображаются, но все правильное имя и адрес –

4

из кода, который вы отправили, представляется, что вы передаете элемент img в другой атрибут src другого элемента img. Есть ли причина, по которой вы это делаете?

<style type="text/css"> 
    .imgA1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:2; 
    width:1300px; 
    height:283px; 
    } 
    .imgB1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:1; 
    width:1300px; 
    height:1000px; 
    } 
</style> 
<img class="imgA1" src="images/home_nav.png" alt="home_nav" /> 
<img class="imgB1" src="images/paperbackground.png" alt="Background" /> 

Аналогичный код макет можно увидеть на http://jsfiddle.net/gBPBd/3/ с моими изображениями, чтобы доказать концепцию и она funcitoning в хроме, ie8.

+0

Спасибо Gabriel Но изображение Home Nav по-прежнему находится за фоновым изображением. @Gabriel –

+0

---------------------------------- .imga1 остается за ??? –

+0

Я работал над этим немного больше, похоже, что мой комментарий разбивал селектор. Я изменил его. Вы также можете увидеть, как он работает здесь http://jsfiddle.net/gBPBd/3/, хотя я использовал свои собственные изображения, чтобы вы могли видеть результат. – Gabriel

Смежные вопросы