HTML поставить иконку перед веб-страницей - PullRequest
Новая
       10

HTML поставить иконку перед веб-страницей

0 голосов
/ 17 января 2020

До сих пор я получил веб-страницу с панелью навигации, которая отвечает за размер экрана, все хорошо до этого момента. Но теперь это становится немного странным для меня, я хочу добавить значок поиска (лупа) в нижнем левом углу. Моя идея состояла в том, чтобы использовать элемент «aside» (или «aside» раздел?), Который поддерживается в html5, но если я добавлю свой значок в этот элемент aside, он не будет виден. Я надеюсь, что вы можете мне помочь. вот какой-то html код: 

HERE IS SOME OTHER CODE WHICH WORKS PERFECT
.
.
.

<!-- Search Icon beginn -->
<aside>
  <div class="searchicon">
    <a href="#"><img src="img/Searchicon.png" alt="Search" height="30px" width="30px"></a>

  </div>
</aside>

<!-- Search Icon end -->

</body>

Мой план таков, что значок поиска всегда находится слева от веб-страницы (вид боковой панели), я не хочу скрывать текст, который позже на сайте.

Спасибо вам!

Ответы [ 2 ]

0 голосов
/ 17 января 2020

Расположение элементов HTML контролируется в вашем CSS. В вашем случае это класс searchicon. Вы не предоставили CSS, но это может выглядеть примерно так: 

.searchicon {
    position: fixed;
    left: 150px;
    bottom: 150px;
    z-index: 2;
}

Как примечание, элемент в стороне может не быть "большинством семанти c " опция, основанная на том, что вы описали. HTML5 в стороне предназначен для содержания, которое не имеет прямого отношения к основному содержанию страниц. Например, боковая панель с соответствующими статьями.

0 голосов
/ 17 января 2020

Попробуйте изменить z-индекс в css, который в основном будет перемещать элемент HTML вперед / назад: 

.searchicon {
    z-index: 2;
}

/*
Set the value to negative if you want the element to move backwards.
*/
...