一个新的CSS图片替换的技巧
来源:互联网 发布:基于java会议管理系统 编辑:程序博客网 时间:2024/05/18 03:32
-9999 px的形象替代技术已经流行了一个十年最好的部分。替换一个文本元素和一个图像,您可以使用下面的代码:
<h1>This Text is Replaced</h1><style>h1{background: url("myimage") 0 0 no-repeat;text-indent: -9999px;}</style>
元素的背景显示和它的文本移离屏,这样它就不会妨碍。简单的和有效的。它常常被采用来显示图形标题——这是很少有必要现在我们有webfonts,但你还是会觉得它使用web。
直到现在。
一项新技术已被发现:
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
代码缩进文本超越其容器的宽度,但它不会包装和溢出是隐藏的。
虽然这是一个小更长和更难以记住,可以提高性能,因为浏览器的不再画一个9999 px箱在幕后。它还将防止怪异的左扩展概述了你会看到链接周围的使用隐藏文本。 本文出自站长中心:转载请注明http://www.software8.co/wzjs/cssdiv/457.html
- 一个新的CSS图片替换的技巧
- 一个新的CSS图片替换的技巧
- 一个已经存在的CCSprite怎么替换新的图片
- Lua笔记:MenuItem 菜单被按后替换新的图片资源
- vim 替换的技巧
- CSS刚发现的一个技巧
- css布局的一个小技巧
- 一个简单实用的css小技巧
- 一个shell中字符串替换的小技巧
- 一个shell中字符串替换的小技巧
- 可用性更好的CSS隐藏文字技术(CSS图片替换文字)
- css 图片替换效果
- css 图片替换
- eclipse批量替换的技巧
- 正则表达式的替换技巧
- 化图片为CSS页面的独门技巧
- CSS让图片垂直居中的几种技巧
- CSS让图片垂直居中的几种技巧
- 303. Never too old to learn, never to late to learn. 亡羊补牢,为时未晚
- qsort and qsearch
- HTML_02(html+css的学习)
- .Net自定义控件 小结
- 倾听色彩的声音
- 一个新的CSS图片替换的技巧
- 修改DEDE幻灯片的属性
- “智商平平”学软件
- 外同步(external synchronization)
- 內同步(internal synchronization)
- 噪點(noise)
- CCD 輸出雜訊(Readout Noise)及輸出速度(Readout Speed)
- 輝散(Blooming)
- android application的使用方法