时间：2023-09-04 06:42:01 | 来源：网站运营
时间：2023-09-04 06:42:01 来源：网站运营
css中背景图和小图标定位和优化：
在线咨询
background属性。我们先把一些简单的写出来，之后再探讨难一点的。background-clip:设置元素的背景是否延伸到边框下面。属性有： border-box padding-box``content-boxbackground-color设置背景色。background-imgage设置背景图，通过url("")进行设置。background-attachment决定背景是在视口中固定的还是随包含它的区块滚动的。fixed此关键字表示背景相对于视口固定。scroll背景相对于元素本身固定，而不是随着他的内容滚动。如果父元素设置为overflow: auto;或scroll出现滚动条的时候，那么负负得正，背景图固定。local表示背景相对于元素的内容固定。有scroll背景相对于元素本身固定，如果父元素设置为overflow: auto;或scroll出现滚动条的时候，背景图随元素运动。background-positionleft top bottom right center。background-position: 100% 100%;使得元素定位到了父元素的右下角。background-size数值指定背景图片大小。百分比指定背景图片相对背景区的百分比。auto以背景图片的比例缩放背景图片。cover缩放背景图片覆盖背景区。（不会被压扁）contain缩放背景图片完全装入背景区，可能背景区部分空白。/* 关键字 */background-size: coverbackground-size: contain/* 一个值: 这个值指定图片的宽度，图片的高度隐式的为auto */background-size: 50%background-size: 3embackground-size: 12pxbackground-size: auto/* 两个值 *//* 第一个值指定图片的宽度，第二个值指定图片的高度 */background-size: 50% autobackground-size: 3em 25%background-size: auto 6pxbackground-size: auto autobackground-size: 100% 100%;background-size: cover;background-color和background-image可以同时设置，所以可以用background-color进行设置遮罩。设置透明度使用opacity属性（0-1.0)。opacity属性是设置元素的不透明度，所以对于未设置的元素，是不会影响其透明度的。div标签。如下：rgba()进行遮罩的设置，如rgb(0,0,0,.4)注意，这种方法还是需要加一个标签的和上面类似。因为如果在背景图上面再加颜色会显示不出来，被挡住了。after伪元素。h1 { padding-left: 30px; background: url(icon.png) no-repeat left center;}关键词：定位,背景
