vabgame
Well-Known Member
- Регистрация
- 19.02.2019
- Сообщения
- 69
Привет
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>
Но картинка была вообще на поверхности, то есть перекрывала почти всё, что есть на сайте
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>
Но картинка была вообще на поверхности, то есть перекрывала почти всё, что есть на сайте