背景图片与 CSS的那些事

【背景图片与 CSS的那些事】的更多相关文章

背景图片与 CSS的那些事

在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:background-position: 0px 0px; 3)百分比:background-position: 0% 0%; 上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同. 前两种定位,都是将背景图片左上角的原点,放置在规定的位置.请看下面这张图,规定的位置是"20px 10px"和"60px…

html css：背景图片链接css写法

图片作为背景,并且是链接的写法.例如网站的logo图片.例如:土豆的logo图片 <a title="土豆网 tudou.com 每个人都是生活的导演" href="http://www.tudou.com">土豆网</a> a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.pn…

$设置背景图片的css

$('.d-game-pic').css('background-image', 'url(' + App.getImg(gameDetail.desc_pic) + ')');…

checkbox 背景图片纯CSS处理办法

CSS .table_container input[type="checkbox"] { background: #fff url(/img/blue.png); background: none; *background: none; } .table_container .checkbox { min-height: 20px; padding-left: -20px; position: relative; } .table_container input[type="…

CSS背景图片垂直居中center不起效果完美解决

背景图片居中CSS如下 background:#4892fe url("<%=basePath%>/img/login_bg.jpg") no-repeat center center; 我遇到的问题是水平居中没问题,但是垂直居中失效,紧贴顶部未居中. 最后发现需要给html或者body设置高度百分百,代码如下 html { height: 100%; } 这样就好了,完全居中,左右也居中,上下也居中,完美,效果如下.…

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

17:14 2016/3/22img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%. clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置部分代码:<style type="text/css">img {position:abs…

CSS常用背景图片定位方法

CSS背景图片定位其实对于每一位学习前端的同学来说,都已经非常熟悉了.网上铺天盖地的最常见的一种方案就是在父元素中relative,然后子元素absolute.这种方案当然好,不过带来的一个缺点就是会改变元素的层级关系,如果在多个地方使用,这样的层叠嵌套的关系会十分混乱. 先暂时抛弃那种方案,给大家分享几种CSS背景图片定位的方案. 整篇文章会按照如下思路: 1.无依赖的absolute定位 2.background-position扩展语法 3.background-origin定位 4.ca…