css中,照网站做的,想知道,为什么原网页用的背景图片可以显示出来,但我做的显示不出来

html-css012

css中,照网站做的,想知道,为什么原网页用的背景图片可以显示出来,但我做的显示不出来,第1张

真心说不中,我说说碰到的几种情况,供你排除。

1:确定文件目录正确和文件存在。建议把css的图片地址加上域名,敲到浏览器中看一下。

2:确定图片后缀和文件本身的格式相符。有人做出来png图片,却在系统中手动重命名改成jpg,相反的情况也存在。有些浏览器处于安全感考虑,不会下载这样的图片。建议用ps重新保存一下。

3:在你的那个li中加上文字:生活,然后字体设为正常,并且设文字颜色为透明。这样也利于搜索引擎优化。有时候font-size:0会影响一些样式,当然我不确定会影响那些。因为这些问题总会莫名其妙的在某些浏览器中出现,我又不太细心。

4:确定你的那个li没有被其他元素覆盖。有时候可能会被很难发现的东西覆盖在上面,建议用background-color测试一下。

5:确定li的背景图片样式没有被其他样式覆盖。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{background-image: url(image.jpg)}。

3、浏览器运行index.html页面,此时通过背景图片的本地路径成功调用了本地图片作为背景图片。