> 웹 프론트엔드 > HTML 튜토리얼 > CSS截取图片上一部分做背景_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:48:00
원래의
1859명이 탐색했습니다.


我想用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的具体代码贴出来吧,

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿