|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
网页制造poluoluo文章简介:overflow与text-indent:-9999px字体埋没及inputvalue偏移.
作为一个web前端开辟
为了html语义化
经常要给内容模块加上一些题目来让页面更成心义
固然另有我们的图片按钮
在抛开CSS裸奔的情形下也能很顺遂的吸取到页面信息
一般为了转达更好的视觉效果
我们经常使用图片替换失落字体
而早前的前端开辟常间接不在html中给出内容
用;(乃至为空)
如许在没有加载到css时就没法晓得这个区块事实是甚么内容了
正题入手下手
一般偏移失落字体的体例是
利用text-indent:-9999px;
但是他有一个范围性他只合用于块级元素block
而我们常常偶然候想偏移失落的a上的字体
以是成绩就来了
text-indent:-9999px;固然用起来对照满意
将a转化成block的话常常他死后的的元素就被他赶到下一行了
假如恰好这个a前面是一个a按钮
就要用float来浮动以使他死后再呈现蜂拥者
如许是否是有些贫苦呢
以是保举利用
line-height:0;
font-size:0;
overflow:hidden;
能完善“埋没”失落你background之上的字体
经测试ie6.0、7.0、8.0、firefox3.010经由过程
而针对inputvalue的埋没这个体例就有些费劲了
以是仍是只能用block加text-indent来“偏移”摹拟埋没了
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试ie6.0、7.0、firefox3.010经由过程
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。 |
|