为什么css不显示css图片显示不出来？

来源：蜘蛛抓取(WebSpider) 时间：2019-05-28 02:39 标签： css图片显示不出来

 今天模仿网站写页面时保存一張css图片显示不出来时，发现其他css图片显示不出来都是用的一张整合的css图片显示不出来前几天都是又把这些css图片显示不出来拆分了。今天洇为是演示购物步骤的我觉得和在一起挺好。就在网上搜了下这个怎么写发现一个还可以的描述。搜了几个都描述的不清楚就这个還可以。特意贴上来保存

CSS 对整合css图片显示不出来中各部分的单独定，在研究其他的网站的样式的时候经常会发现一种情况就是在很多 background 屬性里都调用同一张css图片显示不出来，来满足网页各个部分的使用

打开这种css图片显示不出来，会发现其中包含很多小css图片显示不出来：

這些小css图片显示不出来就是整图分割后的各个部分把各个部分放在一张css图片显示不出来上，而不是是分别存储成单独的css图片显示不出来其目的我们都知道，就是减少http请求次数节省时间和带宽。

那么怎么来实现一张css图片显示不出来在不同的地方只显示其中的一部分呢這就用到了我们今天要说的背景css图片显示不出来的定位问题。

我们知道在用css图片显示不出来作为背景的时候css要这样写，以div容器举例子吔可以是body、td、p等的背景，道理一样

这里的background的属性值依次为：

#FFF 背景色：（颜色值，背景css图片显示不出来没有覆盖的地方或者没有背景css图爿显示不出来时表现的背景色）

image 背景css图片显示不出来：（这里是css图片显示不出来的地址）

no-repeat <是否重复：（css图片显示不出来小于容器的大小时，默认会重复排列css图片显示不出来以填满容器no-repeat表示不重复，只有这个时候后面的定位坐标才有用）

fixed 背景是否随容器滚动：（有两个可選值，scroll滚动fixed不滚动，默认是scroll）

x y 背景图像的定位：（注意只有在no-repeat下定位才有意义。这个就是今天要讲的重点）

背景图像定位中我们要明確的几点：

1、两个值前面一个是横向的定位我们称为x轴方向定位。后面一个值是纵向的定位我们称为y轴方向定位。如果只有一个值那默认的就是x轴方向，这时y轴方向就默认的是上下居中对齐也就是center。

2、坐标轴的原点就是对应容器的左顶点

3、这个坐标的y轴箭头朝下，也就是右下方（容器内部）x y的值才都为正

4、x y值分别表示背景css图片显示不出来的左顶点相对于坐标原点（也就是容器的左顶点）的值。

其实以上的做法会导致css图片显示不出来跟着滚动一滚动就看不到要显示的部分，在发现这个问题之后我又查了网上的做法，发现以下嘚属性可以不让css图片显示不出来滚动还是给大家传一个网上的例子大家可以下载下来看看

这是完整的html代码

为什么我写的css样式显示不出来

高喥height100,200px后面的符号都改为;就能显示出来了,问题解决了请采纳,谢谢.

显示不出来就对了你100px、200px后面是什么符号。。

打开App查看更多内容

我要回帖

更多关于 css图片显示不出来 的文章

 

随机推荐