热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

用图片背景代替文本时,为什么不推荐用textindent:9999em?

在Compass看到@mixinhide-text($direction)的方法,默认情况不推荐使用负值的方式实现图片代替文本,这是为什么呢?

在 Compass 看到 @mixin hide-text($direction) 的方法,默认情况不推荐使用负值的方式实现图片代替文本,这是为什么呢?

原文说明:

1
left

is more robust, especially in older browsers.

1
right

seems have better runtime performance.
为什么用

1
right

性能会更好呢?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@mixin hide-text($direction: $hide-text-direction) {

  @if $direction == left {

    $approximate-em-value: 12px / 1em;

    $wider-than-any-screen: -9999em;

    text-indent: $wider-than-any-screen * $approximate-em-value;

    overflow: hidden;

    text-align: left;

  }

  @else {

    // slightly wider than the box prevents issues with inline-block elements

    text-indent: 110%;

    white-space: nowrap;

    overflow: hidden;

  }

  @include for-legacy-browsers((ie: "7"), $critical-usage-threshold) {

    //Text transform capitalize fixes text-replacement issue when used in a



推荐阅读
author-avatar
叮2011_923
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有