Я пытаюсь сделать так, чтобы эти изображения выстраивались в линию так, чтобы blank.gif появлялся перед изображением.я не могу использовать его в качестве фонового изображения, и я попытался использовать отрицательный z-индекс, такой как -1, но затем изображение полностью исчезает на сайте, на котором я пытался его использовать.Моя цель состоит в том, чтобы серое и черное изображение появлялось за blank.gif.
Вещи, которых я должен избегать или которые не будут работать, таковы:
- z-index: -1 (только отрицательные числа)
- использование фонового изображения внутри
<div>
, и оба изображения должны оставаться внутри родительского элемента, имоя проблема в том, что я не могу использовать любой скрипт, который должен быть внутри заголовка HTML.Я пытался, но не могу найти решение.если у вас есть какой-либо способ не допустить щелчка правой кнопкой мыши и сохранения изображения, это было бы здорово.любая помощь приветствуется.
html изображения здесь: index.html
пример кода:
<html><div style="position:absolute;width:150px;height:150px;display:inline;">
<img src="http://dl.dropbox.com/u/14413762/blank.gif" style="position:static:width:150px;height:150px;left:0px;top:0px;z-index:2;"><img src="http://dl.dropbox.com/u/14413762/bbc/image.png" style="position:absolute;left:0px;top:0px;;z-index:1;">
</div></html>