-1

CSS 背景へのリンクの追加に問題があります。それが不可能であることはわかっていますが、html を介してどのように追加するのか疑問に思っています。これは私のcssです

`.home-featured.wall {
padding: 20px 0;
background: rgb(0, 0, 0) url(images/bg-pattern-black.png);
background-image: url(http://viralcentro.com/wp-content/uploads/2013/05/NBA-ad-Viral-Centro.png);
background-repeat: no-repeat;
background-position: center top;
position: relative;
text-shadow: none;
height: 730px;`

私のサイトはhttp://viralcentro.com/ で、リンクを追加しようとしている背景はバスケットボールのものです。

前もって感謝します。

4

2 に答える 2

0

うーん、画像をローカルにして、サーバー上の他の画像と一緒にフォルダーに入れてみませんか。画像の処理に時間がかかるため、機能していない可能性があります。また、画像にリンクするときは引用符を使用してみてください。

.home-featured.wall {
padding: 20px 0;
background: rgb(0, 0, 0) url('images/bg-pattern-black.png');
background-image: url('dir_imgs/NBA-ad-Viral-Centro.png'); /* replace dir_imgs with your     folder name*/
background-repeat: no-repeat;
background-position: center top;
position: relative;
text-shadow: none;
height: 730px;
于 2013-05-01T01:41:35.930 に答える
0

私が考える方法は一つあります。これは最善の方法ではありませんが、うまくいくはずです。ここに行きます。

HTML:

<div id="backgroundpic">
        <img src="http://viralcentro.com/wp-content/uploads/2013/05/NBA-ad-Viral-Centro.png" onclick="redirect()" alt="something or other">
        </div>

Javascript:

<script>
            function redirect() {
                window.open(where_ever_you_want_it_to_go)
            }
        </script>

CSS:

# backgroundpic {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

JavaScript にあまり慣れていなくても問題ありませんが、JavaScript の方が簡単かもしれません。

于 2013-05-01T01:43:48.267 に答える