Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Фон и Ссылка на нем

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


     16.03.2013    background, fon    Все вопросы » Общие вопросы    4867

вопрос
столкнулся с проблемой,нужно сделать фон сайта ссылкой,никак не могу сделать, сам фон в шаблоне вшит в боди...пытался накладывать картинку на фон,но она получается не точная...где то читал,что можно указать область на экране при клике по которой будет срабатывать ссылка(кто знает подскажите пожалуйста) и еще пробовал наклаывать картинку и в 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
Юзер

Nikita2014 - 16 марта 2013 22:35 -

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

dmfranklin
Юзер

dmfranklin - 18 марта 2013 13:47 -

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

DrajE
Юзер

DrajE - 17 марта 2013 21:44 -

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

DrajE
Юзер

DrajE - 17 марта 2013 21:54 -

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

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

cybernatic
Эксперт

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
Юзер

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
Юзер

TheImDim - 18 марта 2013 18:04 -


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

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

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

наверх