Как создать элемент <img>для всех элементов веб-страницы без использования свойств фона CSS - PullRequest
Новая
       18

Как создать элемент <img>для всех элементов веб-страницы без использования свойств фона CSS

0 голосов
/ 05 февраля 2019

Я хочу выложить изображение на весь веб-документ, который я хочу напечатать.Для этого я использовал свойство background, но мне нужно установить свойство z-index, чтобы это изображение размещалось над всеми элементами веб-страницы.Помогите мне решить эту проблему.

1 Ответ

0 голосов
/ 05 февраля 2019

придерживаться стиля root 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

 :root 
   {
     background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQRxExzbsZCvO6lpE1tll_7pQLB5nd4RkWkrMannssfhAYni_Ct");
  opacity: .4; 
      }

</style>
</head>
<body>

<div id="overlay" onclick="off()"></div>

<div style="padding:20px">
  <h2>Overlay</h2>
  <p>Add an overlay effect to the page content (100% width and height with background with 40% opacity).</p>
  <button>some button here</button>
</div>

</body>
</html>
...