Question

我无法添加指向我的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/ 我试图添加链接的背景是篮球。

提前致谢。

Answer 1

嗯，为什么不尝试将图像置于本地并将其放在服务器上其他图像的文件夹中。它可能无法正常工作，因为它需要很长时间来处理图像。当您链接到图像时也尝试使用引号。

.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;

Answer 2

我有一种方式可以想到这一点。这不是最好的方式，但它应该做到这一点。在这里。

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不太满意，那很好，但可能会更容易。

如何在CSS背景中添加链接？

2 个答案: