Как сделать кликабельный фон сайта | CSS

<style>
body {
  background: url(http://2.bp.blogspot.com/-mvoZS1oSdK8/TktsiBc4voI/AAAAAAAACLQ/MKaAYSFJvlo/s00/romashki.jpg) no-repeat #ddd;
}
#linkFon {  /* ссылке задано абсолютное позиционирование, она занимает всё доступное пространство документа */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content {
  position: relative;
  width: 50%;
  height: 20em;
  margin: 0 auto;
  background: #fff;
}
</style>

<body>
  <a href="#new" title="Ссылка" id="linkFon"></a> <!-- ссылка обязательно находится перед блоком -->
  <div id="content"></div> <!-- желательно, чтобы блок имел общих с ссылкой родителей -->
</body>
в f t
наверх ↑

8 комментариев:

Andrey Klimkovsky
Пояснения будут? Хотелось бы немного узнать о возможных применениях этой фичи.
NMitra
Рекламу, например, можно вешать по бокам сайта https://3.bp.blogspot.com/-D7iStx5sRIk/V61aS2iYfyI/AAAAAAAAGBQ/K2kq3zFkQGcrVnZD0qMVgKqfaEzbgkg8ACLcB/s00/ad.jpg
Анонимный
Фон кликабельный только до половины страницы, ниже нет.
Я выставил height: 300% в свойствах #linkFon, но не уверен что это правильно.
NMitra
Покажите страницу
Анонимный
http://bezdepo.ru/
NMitra
Добавьте

#linkFon {
display: block;
}
NMitra
А лучше замените position: absolute; на position: fixed;
Анонимный
Спасибо, помогло!