欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS布局设计中body background-image问题_html/css_WEB-ITnose

程序员文章站 2022-05-21 17:33:53
...
[size=18px][size=16px]body{ margin: 0 auto; background:url('../image/login2_2.jpg') repeat-x;}为什么图片路径中要加两个省略号呢??如果不加的话,背景就出错


回复讨论(解决方案)

../image/login2_2.jpg
加两个点表示定位到上一级路径,即image文件夹的父文件夹

../ 表示向上一级,以此类推,../../表示向上两级

可如果把父文件名写上的话,也会得不到想要的效果@cocotsau @潇湘忆梦

可如果把父文件名写上的话,也会得不到想要的效果@cocotsau @潇湘忆梦


CSS的引用的路径指的是相对路径,即相对于当前的路径,直接写父文件夹名字也会找不到的。
还有另外一种方法就是写绝对路径,完整的URL:例如http://c.csdnimg.cn/public/common/toolbar/images/f_icon.png

说明图片在css文件的上一级目录,如果是同一级可以不写../