该图片替换文字经测试适用于inline元素,inline-block元素,block元素,浮动元素及input为submit
实际应用中得设置宽度和高度,inline元素是不能设置的,所以必须将其转换为inline-block,block或float
// 图片替换文字 // 因为ie6不支持文字的transparent,所以针对ie6打bug,如果你不用支持ie6,7那么就可以把$lte7设置为false $lte7: true !default; @mixin img-replace { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; @if $lte7 { _font-size:12px; _line-height:999; _overflow:hidden; } }