Как установить непрозрачность фонового изображения

-2

Я хочу установить background-image из 50% opacity на мою HTML-страницу. Ниже приводится код , что я писал:Как установить непрозрачность фонового изображения

CSS:

body{background-image:"E:\\Work\HTML5\IMG_18072014_115640.png"}

HTML:

<h1>Hello world!</h1> 
<body> 
    The background image is known shown. 
</body>

Но я не могу видеть фоновое изображение. Но изображение показывает, если я использую это:

HTML:

<body background="IMG_18072014_115640.png">The background is shown.</body>

Почему первый код не показывает фоновое изображение, но второй код делает. Я хочу, чтобы мое фоновое изображение отображалось так, как написано в первом коде.

источник

2015-01-09 Ayse

'background-image:" E: \\ Work \ HTML5 \ IMG_18072014_115640.png "является недопустимым синтаксисом. Вы должны прочитать эту статью. ---> http://css-tricks.com/almanac/properties/b/background/ –

Вы пропускаете url часть, вот синтаксис

background-image: url('img/whatever.png');

источник

2015-01-09 12:14:38

Вы упускаете часть URL-адрес:

background-image: url('img/name-of-image.png');

Этот код из CSSTricks. Можешь попробовать!

body { 
    display: block; 
    position: relative; 
} 

body::after { 
    content: ""; 
    background-image: url('./img/name-of-image.jpg'); 
    opacity: 0.5; /* 0.5 = 50% */ 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    position: absolute; 
    z-index: -1; 
}

источник

2015-01-09 12:18:17 Mardzis

Как установить непрозрачность фонового изображения

ответ

Смежные вопросы