使用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 | 热门文章

• 1无法匹配模板类中模板函数的函数声明
• 2Laravel缩小CSS和JS文件
• 3创建对象之间是否存在任何差异,然后将其返回或直接创建并返回？
• 4如何在Sublime Text 3中将焦点从搜索栏更改为编辑器？
• 5Javascript语法 - if语句
• 6使用estimatedItemSize删除项目时,UICollectionView单元格会调整大小
• 7只有在运行单元测试时才能运行自定义gradle任务
• 8无法打开输入文件:app/console(Symfony 2)
• 9使用多个列表作为函数的输入参数(Python)
• 10当.ts文件存在时从项目中排除js.map文件
• 11在C++ 11中,未排序的修改警告将成为未使用结果的警告
• 12使用iOS中的Javascript复制到剪贴板
• 13使用AngularJS的某种俄罗斯玩偶容器的动态编辑表单
• 14如何创建文本文件并在vbscript中写入它
• 15如何在整个页面上显示ui-router状态？
• 16无法在Azure中访问我的X509Certificate2的PrivateKey
• 17清洁解决方案"将"ObservableList <Foo>"强制转换为List <IFoo>？
• 18在向后传递中调试nans
• 19具有元组条件的QueryDSL和SubQuery
• 20来自python worker的错误:/ bin/python:没有名为pyspark的模块