>  기사  >  웹 프론트엔드  >  CSS截取图片上一部分做背景_html/css_WEB-ITnose

CSS截取图片上一部分做背景_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 09:48:001808검색


我想用CSS截取 消费者保障 之类的 文字  我知道这些位置的具体坐标了 怎么弄?

具体做法 我懂一点
background:url("../images/iconlist.png") no-repeat ; background-position:-90px 0px; 

可是这样貌似 -90px 0px 只是(消费者保障)这几个字的左上角坐标,他怎么一截图,把下面的新手上路等下面几排字都截取了, 要怎么才能做到 只截取一行字呢? 就是问 怎么样才能 截图到 这个字的矩形区域的 右下角坐标?

回复讨论(解决方案)

你可以设置高度。比如放在div中时,你可以设置height:20px之类的,具体多高才合适,需要调试

除了设置高度。还可以添加一个background-color:white;position:absoult;z-index1的DIV遮盖不想显示的文字。

设置div的高宽试试

如果我在 新手保障 下面 又要加连接,那我设置了高度,那我不得重定义一个DIV?

这个DIV的html及css的具体代码贴出来吧,

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.