CSS 可以通过设置一些属性来让超链接不可点击, 具体实现如下.
CSS 代码:
- cursor:pointer;
- pointer-events: none;
第一行是使鼠标变成箭头而不再是小手形状
第二行是使超链接失效代码
不仅是 a 标签, iframe 标签也有效, 示例如下:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- </title>
- </head>
- <body>
- <a class="weather" href="http://www.baidu.com">
- 测试
- </a>
- <iframe class="weather" allowtransparency="true" frameborder="0" width="385"
- height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=2&t=0&v=0&d=3&bd=0&k=&f=<
- f=009944&htf=cc0000&q=1&e=0&a=0&c=60813&w=385&h=96&align=center">
- </iframe>
- </body>
- <style type="text/css">
- .weather{ color:gray; cursor:pointer; pointer-events: none; }
- </style>
- </HTML>
可以看见, 我们点击了 [测试] 超链接, 并没有反应.
推荐: CSS 手册 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14144.html