CSS里给空DIV加点击链接怎么实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS里给空DIV加点击链接怎么实现相关的知识,希望对你有一定的参考价值。

1、Web标准—结构、样式和行为,对应的分别是HTML、CSS、JS。
2、CSS只是负责样式,而超链接是结构实现的或者通过行为来实现。所以无法通过CSS给div添加超链接。
3、可以通过js行为给div绑定 实现,跳转到相应的链接。可以通过window.open(URL,name,features,replace)方法,详细参考:http://www.w3school.com.cn/jsref/met_win_open.asp
参考技术A 很多方法都可以,就看你的实际需求,如果是单个文字与单个文字之间你要就加上text-indent:2em;如果是两个空格的话直接输入空格占位符比用css定义要好

参考资料:百度一下

参考技术B div:hover伪类即可,但IE6下无效,IE6仅支持a:hover的伪类,要兼容IE6的话,只能用JS实现。 参考技术C 第一空div不能加链接,他只是一个盒子,里面需要放置文字或图片之类的;
第二加链接不能在css里面吧,css是层叠样式表
参考技术D css
onhover;本回答被提问者采纳

echarts 柱状图x轴文字加点击事件 参数怎么传? 我这样写只能跳转不能传参数。。

barChart.on('click', (params) =>
if (params || params.componentType === 'xAxis')
params =
...params,
code: this.code[params.dataIndex]

this.$emit('handbarclick', params)

)

参考技术A

targetType =="axisLabel" 表示点击的是轴文字

yAxisIndex(xAxisIndex)是轴id

value 是轴文字内容

没有轴文字的id,但轴文字不重复的话,感觉应该够用了

以上是关于CSS里给空DIV加点击链接怎么实现的主要内容,如果未能解决你的问题,请参考以下文章

怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?

怎么用DIV+CSS做5个图片滚动带链接的效果。

echarts 柱状图x轴文字加点击事件 参数怎么传? 我这样写只能跳转不能传参数。。

急div+ css中的链接不能点击

事件委托

CSS里鼠标点击div里的LI中的文字时,切换其他文字怎么实现???