html – CSS隐藏文本但显示图像?
发布时间:2020-12-14 22:22:44 所属栏目:资源 来源:网络整理
导读:我需要改变一些东西,而不用触摸HTML代码。 所以我有这个代码在我的HTML span class="share" ul liShare nbsp;nbsp;/li li class="twitter"a href="#"twitter/a/li li class="facebook"a href="#"facebook/a/li li class="delicious"a href="#"delicious/a/l
我需要改变一些东西,而不用触摸HTML代码。
所以我有这个代码在我的HTML <span class="share"> <ul> <li>Share </li> <li class="twitter"><a href="#">twitter</a></li> <li class="facebook"><a href="#">facebook</a></li> <li class="delicious"><a href="#">delicious</a></li> <li class="friendfeed"><a href="#">friendfeed</a></li> <li class="addthis"><a href="#">share</a></li> <div class="clear"></div> </ul> </span> 这在CSS中 .twitter {background:url('../images/tt.png') no-repeat; width:10px; height:14px; } 这样做很好,但twitter文字在twitter标识下可见,我不希望这些文本出现在我的列表中,我想用CSS替换图像。 可以不触摸HTML代码吗? 解决方法
使文本透明。由于它是一个链接,您将需要使用几个选择器来确保所有案例都被解决:
.twitter a,.twitter a:link,.twitter a:visited { color: transparent; } 编辑:另一个选项,虽然更详细,但是有利于保持焦点边界(选择链接时出现的小点)到twitter图标的大小和形状。此外,如果选择并复制和粘贴文本,则不会显示该文本。它变得隐形和不可选。这是技术: .twitter a { display: inline-block; overflow: hidden; width: 0; height: 14px; padding-left: 10px; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |