Перейти к содержимому

Фотография
- - - - -

Брендирование для блога


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 vabgame

vabgame

    Прохожий

    Топикстартер
  • Участник
  • 0
    18 сообщ.

Отправлено 23 Февраль 2019 в 07:57

Привет

CMS Blogger

Как сделать кликабельным фон сайта? Чтобы при клике на задний фон переходило на другой сайт

 

Пробовал такое

<style>
#linkFon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://1.bp.blogspot.com/-LUhEXfT4VSU/XGAE-HRhh9I/AAAAAAAABTE/9-iTxZ-4GNsBVUlCWayTTq9edsElw2QqQCLcBGAs/s1600/%25D0%25A4%25D0%25BE%25D0%25BD%2B%25D1%2580%25D0%25B0%25D0%25B7%25D0%25BC%25D1%258B%25D1%2582%25D1%258B%25D0%25B9.jpg) top / cover no-repeat #ddd; 
}
#content {
  position: relative;
  width: 50%;
  height: 40em;
  margin: 0 auto;
  background: #fff;
}
</style>

<body>
  <a href="https://vabgame.ru/test" target="_blank" title="Ссылка" id="linkFon"></a>
  <div id="content"></div>
</body>

Но картинка была вообще на поверхности, то есть перекрывала почти всё, что есть на сайте


  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1024
    3 755 сообщ.

Отправлено 23 Февраль 2019 в 12:56

Странно, что оказалась выше.
Но z-index в любом случае должен помочь.
  • 0

#3 vabgame

vabgame

    Прохожий

    Топикстартер
  • Участник
  • 0
    18 сообщ.

Отправлено 24 Февраль 2019 в 23:47

Странно, что оказалась выше.
Но z-index в любом случае должен помочь.

Спасибо большое!

 

Можно ещё вопрос?

Как сделать такой эффект расслоения на логотип?


  • 0

#4 Volly

Volly

    Увлеченный

  • Участник
  • 116
    592 сообщ.

Отправлено 25 Февраль 2019 в 00:26

vabgame, так по вашей ссылке показаны коды стилей и javascripta. Смотрели?


  • 0

#5 vabgame

vabgame

    Прохожий

    Топикстартер
  • Участник
  • 0
    18 сообщ.

Отправлено 25 Февраль 2019 в 01:07

Volly:laugh: не заметил, спасибо


  • 0



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей