Я пытаюсь наложить логотип поверх фонового изображения, и у меня с ним немного проблемы. Вот мой html для фонового изображения; javascript обновляет изображение каждую секунду, так что он похож на видеопоток. Dublin-rememberance-floor2 - это изображение, есть другой javascript, который получает это изображение из базы данных и помещает его здесь на весь экран. Логотип logo.svg, я хочу, чтобы это поднялось в верхнем углу левой руки, но в данный момент оно просто заходит за фон, и я пробовал несколько методов без успеха.Наложение изображения вверху изображения
<body>
<img class="fullBG" evercam='dublin-rememberance-floor2' refresh="1000" alt="" /> <div class="logo">
<img height="25" src="http://www.evercam.io/img/logo.svg" border="0" width="175" alt="http://www.evercam.com/" />
</div>
width="175" alt="http://www.evercam.com/" />
<img />
<script>
$(document).ready(function() {
Evercam.setApiUrl('http://api.evercam.io/v1');
});
</script>
</body>
Вот мой css для fullBG и логотип;
.fullBG {
position: absolute;
top: 0px;
left: 0px;
overflow: auto;
z-index: 1;
width:100%;
height:100%;
}
.logo{
position: absolute;
top: 0;
right: 0;
}
Я изменил мою CSS и это, казалось, работали
.fullBG {
position: absolute;
top: 0px;
left: 0px;
overflow: auto;
width:100%;
height:100%;
}
.logo{
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
Почему бы просто не использовать CSS для фонового изображения? –
Почему бы просто не использовать фоновое изображение в качестве фона для тела и абсолютно разместить логотип? – Abhitalks
http://jsfiddle.net/nBn3D/ – Abhitalks