изображение должно быть в таком же положении

Question

Я пытаюсь поместить это изображение земного шара в точное положение, но когда страница не находится на полном экране, по какой-то причине изображение земного шара исчезает. Какие изменения я должен сделать, чтобы убедиться, что, когда экран не находится на полном экране, изображение остается в том же положении?

div.image { 
    content:url(../images/logonew.png); 

    position: absolute; 
    left: 11.4%; 
    top:1%; 
    width: 77px; 
    height: 69px; 
    z-index: -1; 
    repeat:no-repeat; 
} 

Answer 1

Ваш г-индекс: -1 может быть частью проблемы, большинство вещей на веб-странице по умолчанию в Z-индекс: 0, и может охватывать более изображение с Z-индекс: -1.

Во всяком случае, вещь, которую я лично нашел, что хорошо работает для меня это что-то вроде этого:

<div style="position:relative"> <!--relative to preceding stuff on web page --> 
<img style="position:absolute" /> <!--absolute with respect to inside the <div> block --> 
<img style="position:absolute" /> <!--obviously you need to specify more style data than shown here! --> 
<!--as many more images as you like, organized to precise locations inside the <div> block--> 
<!--other elements can also be precisely positioned in the <div> block; things like <p> and <span> 
    and <input> and <select> and <table> tags can have style data --> 
</div> 
<br /> 
<br /> 
<!-- use as many line-breaks as needed to reserve enough page-space for the stuff in the <div> block --> 
<br /> 
<br /> 
<!-- the rest of the web page now begins -->