为什么要把a标签搞为absolute呢?很多时候为了覆盖在其他html标签上,实现一些点击,比如一个flash广告,要想在整个flash上加一个链接,单击整块flash链接到某个网页。
用一个绝对定位的a标签覆盖在flash上:
html代码:
<div class="flash">
<a class="flash-link"></a>
<div class="flash-object"><object>....flash嵌入代码</object> </div>
</div>
css代码:
.flash { width:200px;height;200px;position:relative; }
.flash-link { position : absolute; z-index : 2 ; left: 0; top: 0 ; width: 100%; height: 100%; display: block; }
.flash-object { position : absolute; z-index: 1; left: 0; top: 0; width:300px; height:80px; }
Firefox,Chrome, Opera等所有非IE浏览器均可以单击。但IE系列的浏览器却不行,经过仔细测试,发现a标签虽然display为block; 并且拥有width:100%; height:100%;但a这个时候表现的还是像inline元素一样,如果存在文字,则有文字链接,如果不存在,则完全点不到。
解决方法(让a变成块状block):
方法1.
给a加上一个background属性,写法:
background:url(about:blank) 或 background:url(#)
方法2. (推荐!)
给a加任意背景颜色,再把透明度设为透明(隐藏颜色),写法:
background:#fff;opacity:0; filter:alpha(opacity=0);
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 博主的分析很精彩 收益匪浅啊!
— 記錄成功 —
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 前来报道,看看博文,喝点茶休息一下,蘑菇街女装www.zzee.cc
— 記錄成功 —
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 博主文采很出众,观点我也很认同,以后常来看下,学习下知识www.zzee.cc
— 記錄成功 —
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 博主文章不错,以后常来,双语不用教www.gaofentang.com
— 記錄成功 —
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 博主文笔很好啊,期待写出更好的文章,以后常来坐坐,学一下,(蘑菇街首页 https://www.zzee.cc/)
— 記錄成功 —
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 博主的文章很精彩 受益颇丰
— 記錄成功 —