首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用CSS超链接图像?

使用CSS超链接图像?
EN

Stack Overflow用户
提问于 2018-07-02 01:09:11
回答 4查看 0关注 0票数 0

如何使用源自CSS的图像在网页上超链接图像?我试图在我的网站上设置可链接到首页的标题图像。

编辑:只是为了清楚,我从CSS采购我的图像,头div的CSS代码如下:

代码语言:javascript
复制
#header
{
    width: 1000px;
    margin: 0px auto;
    padding: 0px 15px 0px 15px;
    border: none;
    background: url(images/title.png) no-repeat bottom;
    width: 1000px;
    height: 100px;
}

我想知道如何在我的网页上建立这个div超链接,而不必使它成为锚而不是div。

EN

回答 4

Stack Overflow用户

发布于 2018-07-02 09:48:16

代码语言:txt
复制
<a href="linkto_title_page.html" class="titleLink"></a>

然后在你的CSS中

代码语言:txt
复制
.titleLink {
  background-image: url(imageUrl);
}
票数 0
EN

Stack Overflow用户

发布于 2018-07-02 11:03:58

要链接CSS来源的背景图像:

代码语言:txt
复制
#header { 
display:block;

margin: 0px auto;
padding: 0px 15px 0px 15px;
border: none;
background: url(images/title.png) no-repeat bottom;
width: 1000px;
height: 100px;    
}    

<a id="header" href="blah.html" class="linkedImage">
票数 0
EN

Stack Overflow用户

发布于 2018-07-05 23:33:44

我个人意见,不知道对不对,供参考。

直接把你的DIV用A包围起来就好啦,比如:

代码语言:js
复制
<a href="XXXXX"><div id="XX"></div></a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100000372

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档