background-position: -24px 0px

先使用 这个属性设置背景原图像(由 background-image 定义)的位置

左上角为坐标原点(0,0)

显示 为  横坐标 -24 ,纵坐标 0 

时间: 2024-11-05 19:33:14

background-position: -24px 0px的相关文章

background position 稍微深入

1 当容器大于背景图片时  1.1 当position为20px 30px是,是指图片左上角离外容器的左上角的距离是20px 30px  1.2 当position为10% 10%d的时候,背景图片的10% 10%的这个点 和 外容器10% 10%的这个点 重合.2 当容器小于背景图片的时还是同样的结果.-------------------------http://blog.csdn.net/freshlover/article/details/7197724

浅谈css position属性

今天来谈一下css的position属性,刚学的时候对定位还是有点不太了解,看了很多视频和文档,但是还是没有真正的了解,要做到真正的了解,还是需要多去实现. 简单的来说,position就5个属性,在网页布局中中会经常使用到,怎么单个用,怎么搭配起来用,能够用的好的人我相信并不多. 那它一共就static | relative | absolute | static | fixed | inherit五大熟悉,但是后面的3个属性就用的比较少,现在来讲讲他们的特点. 我显示分别测试了将一个盒子先后

#8.12.16总结#background transition、animation、transform

background-origin 设置元素背景图片的原始起始位置.必须保证背景是background-repeat为no-repeat此属性才会生效. background-origin :border-box | padding-box | content-box; padding-box:从padding区域(含padding)开始显示背景图像. border-box:从border区域(含border)开始显示背景图像. content-box:从content区域开始显示背景图像. b

position属性sticky和fixed的区别比较

position属性之fixed fixed总是以body为定位时的对象,总是根据浏览器窗口来进行元素的定位,通过left,right,top,bottom属性进行定位. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div{ float:

position

position:定位 定位分四种: 1.静态定位 : 浏览器自动定位. 2. 相对定位 (position:relative):以前一个同一级元素的坐标位置来定位 3 .绝对定位(position:absolute):他是以父级元素的坐标位置来定位 4.固定定位(position:fied)  :   蒋一个元素固定在某一个位置,位置不随页面的滚动而发生改变. z-index():提层括号中数值越大元素显示位置越向外 雪碧图就是利用定位制作 首先给一个视口:宽(width)高(hight) 插

html5+css3中的background: -moz-linear-gradient 用法 (转载)

转载至-->http://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html 在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top,  #bccfe3 0%, #d2dded 100%);  适合 FF3.6+ background: -webkit- grad

css3的Background新属性

前言 CSS3中出现了几种关于背景图片的新属性:background-origin.background-clip.background-position等.之前大致了解了下,但是background-origin与background-clip的区别尚不清楚.就google了一篇,发现不错,翻译下来吧. 原文连接 : The New Background Position in CSS3 Say Hello to Background-Origin and Background-Clip, C

html5+css3中的background: -moz-linear-gradient 用法

在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top,  #bccfe3 0%, #d2dded 100%);  适合 FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bccfe3), color-stop(

CSS3学习(CSS3过渡、CSS3动画)

CSS3过渡:transition属性--专门应对颜色.长度.宽度.位置等变化的过渡 通过CSS3,我们可以在不使用Flash和JavaScript的情况下,为当前某元素从某样式改变为某样式的时候添加过渡效果.我们仅仅使用到了一个transition属性,专门来写过渡从一个样式到另一个样式过渡时所花费的时间,以秒为单位.若时长不规定,默认为0,即没有过渡时间.在使用这个过渡效果的时候,我们使用了类似于超链接的l(link).v(visited).h(hover).a(active)样式的控制.此