如何在一张背景图上添加超链接的图片大神们帮帮忙_IT百科

你是想在背景图片上加超链接？还是想加背景图片？如果是想在背景图片上加超链接的话桐雀，这是不可能的！如果是在加背景图片的话，你先在HTML里建立一个div，然后把你要段州被加背景的对象放到div中，最后用div的style属性或者CSS加背景图。 HTML代码部分 <div id="bgImage">被加背景图的对象</div> 加背握轮蔽景图方式一：<div style="background:url(背景图片的超链接完整地址，也就是绝对路径)">被加背景图的对象</div> 加背景图方式二：CSS代码部分 #bgImage { background:url(背景图片的超链接地址) } 如果还不明白，可以加我的QQ2999484问我，验证时说明你是来自问问就可以了。

css是无法加超链接的，但是可以在一个A标签下设置背景图片加入超链接，具体步骤如下。

1、新建test.html文件。

2、首先要把超粗穗轿链接a块级化，方岩肆法如下：

给a添加css代码 : a{ display:block}

代码截图如下：

3、使用backgroung-image为a链接加背景图片，用法如下：

a{ background-image:url(xxx.jpg)}

不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。

代族亏码截图如下：

4、用到的图片素材如下，图片名字为001.jpg，位置截图如下。

5、实例演示给超链接加背景图片，代码如下：

<html>

<head>

<style>

a{background-image:url(001.jpg)display:blockwidth:300pxheight:100pxfont-size:25px}

</style>

</head>

<body>

<a>我是带背景图片的超链接</a>

</body>

</html>

6、运行效果截图如下。

在CSS中给背景图片加上超链接,其实就是给这个背景图片的块添加超链接，我们可以通过在这个块的前面消陵添加一个a标签来实现，然后填写上你所需要的链接姿桥早地址就行了，通过代码来理解：

<html>

<head>

<style>

#div1{

width:660px

height:400px

border:1px soild #f00

background:url('图片地址')

}

</style>

</head>

<body>

</div>

</a>

</body>

<迹雀/html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11977163.html

如何在一张背景图上添加超链接的图片大神们帮帮忙

发表评论

评论列表（0条）