Не нравятся результаты поиска? Попробуйте другой поиск!

Фон и Ссылка на нем


     16.03.2013    Общие вопросы    2810

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

Ответил: cybernatic


Попробуйте так:

   
    .linkbackground{background:#fff url('/posters/cyberantic.jpg') top center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;z-index:-1 !important /*Обязательно z-index должен быть меньше чем 0*/;}
    .mainblock{z-index:1;margin:0 auto;}
    



Ну и ваш main.tpl

[code]    
    
    
    
    Тут ваш контент
    

Комментарии пользователей (7)

Nikita2014
1 | 1

Nikita2014 - 16 марта 2013 22:35 - Юзер

Где вы хотите разместить ссылку???

dmfranklin
9 | 4

dmfranklin - 18 марта 2013 13:47 - Юзер

мне нужно,чтобы по клику на фон я возвращался на главную)) проблему решил,но путем создания еще одной картинки((

DrajE
44 | 31

DrajE - 17 марта 2013 21:44 - Юзер

Я так понял, что вы хотите при клике на фоне сайта перейти по ссылке?

DrajE
44 | 31

DrajE - 17 марта 2013 21:54 - Юзер

Не проверял.
html: 
<a class="bglink" href="твоя_ссылка"> </a>

css:
a.bglink {
display:block;
height:100px;
width:100px;
}
размеры поставь свои

cybernatic
12

124 | 125

cybernatic - 17 марта 2013 22:43 - Эксперт

Попробуйте так:

<style>
.linkbackground{background:#fff url('/posters/cyberantic.jpg') top center;
background-size:100% 100%;
background-repeat:no-repeat;
width:100%;height:100%;
position:absolute;
top:0;left:0;z-index:-1 !important /*Обязательно z-index должен быть меньше чем 0*/;}
.mainblock{z-index:1;margin:0 auto;}
</style>


Ну и ваш main.tpl

<body>
<a href="ссылка"><div class="linkbackground"></div></a>
<div class="mainblock">

Тут ваш контент
</div>

dmfranklin
9 | 4

dmfranklin - 18 марта 2013 13:46 - Юзер

огромное спасибо!!! работает но в IE 9 не пашет клик, решил проблему по другому,взял еще 1 картинку вырезал шапку и вставил) <a style="position: absolute; top: 0px; left: 0px; " width: 100%;height: 350px; href="/" >
<img src="{THEME}/images/mmm.jpg" width: 100%;height: 100%;>
</a> мож кому пригодится

TheImDim
18

327 | 291

TheImDim - 18 марта 2013 18:04 - Юзер


<script>
$(function() {
   $('body').live('click', function() {
         document.location.href='http://google.com/';
       })
})
</script>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы