使用CSS超链接图像

我知道这可能是有史以来最愚蠢的问题,但是当涉及到CSS时,我是一个初学者; 如何使用源自CSS的图像在网页上超链接图像？我试图在我的网站上设置标题图像链接到首页.谢谢!

编辑:为了说清楚,我是从CSS获取我的图像,标题div的CSS代码如下: -

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

您可以使用CSS控制设计和样式,而不是内容的行为.

你将不得不使用类似的东西Logo,然后有一个CSS块,如:

a#header {
  background-image: url(...);
  display: block;
  width: ..;
  height: ...;
}

您不能嵌套div内部并且仍然具有"有效"代码.是一个内联元素,不能合法地包含块元素.制作链接的唯一非Javascript方式是使用元素.

你可以将你的标签嵌套在里面

Document.getElementById("header").onclick = function() {
    window.location='...'; 
}

#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;    
}    

黄晓敏3023

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1CUDA __constant__尊重全球记忆.哪个缓存？
• 2使用mvnvm vs mvn？
• 3HTML中有多个页面,而且没有JS
• 4使用termios api检测字符设备是否已在Linux中断开连接(c ++)
• 5带字符串响应的改造
• 6在scikit-learn中进行一次热编码的可能方法？
• 7NSOpenPanel在沙箱继承过程中崩溃
• 8如何在debian上安装apcu作为php7扩展
• 9Spring启动:使用oauth2保护api端点,同时拥有mvc UI页面
• 10查看C#编译器预编译的代码
• 11JavaScript函数-用wheel事件一次调用吗？
• 12按多个值排序字典
• 13更改默认的复制构造函数C++
• 14Telegram Bot API中的"getFile"方法
• 15在Swift中使用CollectionView进行网格布局
• 16为什么二维数组的索引返回-1
• 17Bjarne Stroustrup说我们必须避免链接列表
• 18如何在使用阿拉伯语时防止从右到左的文本外观？
• 19如何动态排序，使用猫鼬更改字段和方向
• 20正态方程和Numpy'最小二乘','求解'方法的回归差异？