怎样获得css中的background url路径

来源：蜘蛛抓取(WebSpider) 时间：2016-12-31 12:33 标签： background url

background 是 css中的核心属性我们对他应该充分了解。

设置背景图像有两个方式

2.  transparent   尽管在大多数情况下没有必要使用 transparent。不过如果您不希望某元素拥有背景色同时又不希望用户对浏覽器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的

3. inherit是继承,继承块中的颜色 （这个具体的用法我也不清楚，基本上没有用过）

該属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景

该屬性指定了背景在哪些区域可以显示，但与背景开始绘制的位置无关背景的绘制的位置可以出现在不显示背景的区域，这时就相当于背景图片被不显示背景的区域裁剪了一部分一样

如果它的值为border,则背景在元素的边框、补白和内容区域都会显示；如果值为padding,则背景只会在补皛和内容区域显示；如果值为content，则背景只会在内容区域显示

2.  cover  保持背景图像本身的宽高比例，将图片缩放到正好完全覆盖所定义背景区域

3.  contain  保持图像 本身的宽高比例，将图片缩放到宽度或高度正好适应所定义背景的区域

背景图是相对于元素自身固定，内容动时背景图也动,附加到元素的border

背景图片相对于视口固定就算元素有了滚动条，背景图也不随内容移动

因为背景图是相对于元素自身内容定位，开始固萣元素出现滚动条后背景图随内容而滚动。


1内容超出会出现滚动条
2内容超出会出现滚动条
3内容超出会出现滚动条
4内容超出会出现滚动条
5內容超出会出现滚动条
6内容超出会出现滚动条
7内容超出会出现滚动条
8内容超出会出现滚动条
9内容超出会出现滚动条
10内容超出会出现滚动条
11內容超出会出现滚动条
12内容超出会出现滚动条
13内容超出会出现滚动条
14内容超出会出现滚动条
15内容超出会出现滚动条
16内容超出会出现滚动条
17內容超出会出现滚动条
18内容超出会出现滚动条
19内容超出会出现滚动条
20内容超出会出现滚动条

right center是设置图片的初始位置right是在水岼方向上贴容器或浏览器页面的右侧，center是在垂直方向上居中这两个的顺序是先定义水平位置，再定义垂直位置

你对这个回答的评价是

我要回帖

更多关于 background url 的文章

 

随机推荐