html – CSS隐藏文本但显示图像？

概述我需要改变一些东西，而不用触摸HTML代码。 所以我有这个代码在我的HTML <span class="share"> <ul> <li>Share </li> <li class="twi 我需要改变一些东西，而不用触摸HTML代码。

所以我有这个代码在我的HTML

<span >                             <ul>                                <li>Share &nbsp;&nbsp;</li>                                <li ><a href="#">twitter</a></li>                                <li ><a href="#">facebook</a></li>                                <li ><a href="#">delicIoUs</a></li>                                <li ><a href="#">frIEndFeed</a></li>                                <li ><a href="#">share</a></li>                                <div ></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;}

总结

以上是内存溢出为你收集整理的html – CSS隐藏文本但显示图像？全部内容，希望文章能够帮你解决html – CSS隐藏文本但显示图像？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。