Quantcast
Channel: w3cplus
Viewing all articles
Browse latest Browse all 1557

sass版图片替换文字

$
0
0

该图片替换文字经测试适用于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;
  }
}

Viewing all articles
Browse latest Browse all 1557

Trending Articles