Rumah > hujung hadapan web > html tutorial > CSS截取图片上一部分做背景_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:48:00
asal
1858 orang telah melayarinya


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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan