html如何把图片在背景图一半,img只显示图片一部分 或 css设置背景图片只显示图片指定区域...

17:14 2016/3/22

img只显示图片一部分 或 css设置背景图片只显示图片指定区域

background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%。

clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置

部分代码:

img

{

position:absolute;

clip:rect(30px 150px 200px 50px)

}

eg_bookasp.gif

参考:http://www.w3school.com.cn/tiy/t.asp?f=csse_clip

body

{

background-image:url('bgimage.gif');

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

参考:http://www.zgguan.com/doc/w3c/css/pr_background-position.asp.htm

求点赞:

对你有助请点赞,请顶,不好请踩------送人玫瑰,手留余香!

css 设置背景图片模糊,内容不模糊

需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 原始代码:     .linear{ ...

CSS设置DIV背景色渐变显示

本文转载自:http://blog.csdn.net/gingerredjade/article/details/12191741

添加背景图片的,设置css样式如下: .nav{background:url("ht ...
  • 0
    点赞
  • 2
    收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值