Как расположить фотографию фоном поверх всех на экране? Нужно фотографию сделать полупрозрачной (прозрачность регулируется) и повесить фоном на экран так, чтобы она при любой смене приложений всегда была вверху, а приложение за ней. Можно ли такое сделать и чем? |
position:fixed; bottom:0; right:0 Это если кратко. |
А если полнее? ) |
2-Александрр > в общем, надо сделать, чтобы сама страница была 100%х100%, а фотка должна быть в конеце кода. |
и не забудьте, что ничего не будет кликаться. )) |
Увы, мои познания в программировании не позволяют это сделать ) |
5-Александрр > для начала забросьте код картинки в самый конец (перед тэгом </body>) и дайте ей стиль "position:fixed; bottom:0; right:0; left:0; top:0;" |
Я такое сделаю без проблем , но зачем ? |
<div id=photo><img src='photo.jpg'></div> <style> div#photo ** position:fixed; background-size:cover; width:100%; height:100%; ** </style> |
0-Александрр > можно. Только есть одно "но" - по данной схеме работают всплывающие окна, а их много что режет. Кстати, 4-Протезофф правильно ответил - при этом все ссылки на странице будут заблокированы. |
веб-специалисты здесь однако сильные собрались) я не силен в html, но если бы нужно было бы решить задачу как в сабже, то сделал бы примерно так создаем три слоя z-index 1;2;3 1 - приложение (нижний слой) 2 - фотка с opacity 3 - а сюда программно, например с помощью js, элементы управления приложением, допустим те же ссылки только не понятно - зачем такой огород городить? |
10-Boltas > по условиям задачи - самый верхний слой это картинка. Поэтому как не крути, а ссылки накроются. Потому что если просто делать ссылки - это уже "классическая схема." Указанная Вами схема возможна, но... Для этого потребуется синхронное управление слоями (1 и 3 прокручиваются, 2 - стоит). Кстати - весьма распространенное расширение AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна) оставив сайт статикой. |
[quote=КК СПД;35317862]AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна)[/quote] Какие из дивов окна то? |
[quote=КК СПД;35317862] 10-Boltas > по условиям задачи - самый верхний слой это картинка. Поэтому как не крути, а ссылки накроются. Потому что если просто делать ссылки - это уже "классическая схема." Указанная Вами схема возможна, но... Для этого потребуется синхронное управление слоями (1 и 3 прокручиваются, 2 - стоит). Кстати - весьма распространенное расширение AdBlock быстро уберет верхние слои (т.к. это по сути всплывающие окна) оставив сайт статикой. [/quote] a:hover img ** z-index:-1; ** |
То, что адблок блокирует <div> расположенный поверх экран - чистейший миф. Если конечно не добавлять к нему класс .banner и ему подобные. Картинку поверх текста наложить можно и при этом также можно эти тексты выделять и кликать по ним. Просто надо уметь верстать, чтобы сделать это без лишних действий. |
14-shamanio > например? |
css свойство pointer-events |
Текущее время: 14:54. Часовой пояс GMT +3. |