Как расположить фотографию фоном поверх всех на экране?- Веб-дизайн и программирование

0 - 24.02.2014 - 12:04

Нужно фотографию сделать полупрозрачной (прозрачность регулируется) и повесить фоном на экран так, чтобы она при любой смене приложений всегда была вверху, а приложение за ней. Можно ли такое сделать и чем?

Гость

1 - 24.02.2014 - 19:46

position:fixed; bottom:0; right:0

Это если кратко.

Александрр

2 - 24.02.2014 - 21:15

А если полнее? )

Гость

3 - 25.02.2014 - 00:35

2-Александрр >
в общем, надо сделать, чтобы сама страница была 100%х100%, а фотка должна быть в конеце кода.

Гость

4 - 25.02.2014 - 00:35

и не забудьте, что ничего не будет кликаться. ))

Александрр

5 - 25.02.2014 - 11:09

Увы, мои познания в программировании не позволяют это сделать )

Гость

6 - 25.02.2014 - 16:41

5-Александрр >
для начала забросьте код картинки в самый конец (перед тэгом </body>) и дайте ей стиль "position:fixed; bottom:0; right:0; left:0; top:0;"

Гость

7 - 13.03.2014 - 14:26

Я такое сделаю без проблем , но зачем ?

Гость

8 - 23.05.2014 - 20:36

<div id=photo><img src='photo.jpg'></div>
<style>
div#photo **
position:fixed;
background-size:cover;
width:100%;
height:100%;
**
</style>

Гость

9 - 23.05.2014 - 22:21

0-Александрр > можно. Только есть одно "но" - по данной схеме работают всплывающие окна, а их много что режет.

Кстати, 4-Протезофф правильно ответил - при этом все ссылки на странице будут заблокированы.

Гость

10 - 23.05.2014 - 22:39

веб-специалисты здесь однако сильные собрались)

я не силен в html, но если бы нужно было бы решить задачу как в сабже, то сделал бы примерно так
создаем три слоя z-index 1;2;3
1 - приложение (нижний слой)
2 - фотка с opacity
3 - а сюда программно, например с помощью js, элементы управления приложением, допустим те же ссылки

только не понятно - зачем такой огород городить?

Гость

11 - 24.05.2014 - 00:19

10-Boltas > по условиям задачи - самый верхний слой это картинка. Поэтому как не крути, а ссылки накроются. Потому что если просто делать ссылки - это уже "классическая схема."

Указанная Вами схема возможна, но... Для этого потребуется синхронное управление слоями (1 и 3 прокручиваются, 2 - стоит).

Кстати - весьма распространенное расширение AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна) оставив сайт статикой.

Гость

12 - 24.05.2014 - 02:35

Цитата:

Сообщение от КК СПД

AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна)

Какие из дивов окна то?

Гость

13 - 24.05.2014 - 15:01

Цитата:

Сообщение от КК СПД

10-Boltas > по условиям задачи - самый верхний слой это картинка. Поэтому как не крути, а ссылки накроются. Потому что если просто делать ссылки - это уже "классическая схема." Указанная Вами схема возможна, но... Для этого потребуется синхронное управление слоями (1 и 3 прокручиваются, 2 - стоит). Кстати - весьма распространенное расширение AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна) оставив сайт статикой.

a:hover img **
z-index:-1;
**

Гость

14 - 25.05.2014 - 09:26

То, что адблок блокирует <div> расположенный поверх экран - чистейший миф. Если конечно не добавлять к нему класс .banner и ему подобные. Картинку поверх текста наложить можно и при этом также можно эти тексты выделять и кликать по ним. Просто надо уметь верстать, чтобы сделать это без лишних действий.

Гость

15 - 25.05.2014 - 12:50

14-shamanio > например?

Гость

16 - 25.05.2014 - 13:55

css свойство pointer-events