Question

我需要像 DocumentRoot“/ var / www / cloud”一样直接加载我的项目并正确加载图标。

如何在css文件中提供正确的路径？这是我到目前为止所尝试的：

background: url(../icons/twitter.png) no-repeat 0 0;

 background: url(../../icons/twitter.png) no-repeat 0 0;

 background: url(./icons/twitter.png) no-repeat 0 0;

 background: url(icons/twitter.png) no-repeat 0 0;




    main directory(cloud)
    {

    folder name (cloud/css)
        -custom.css (file name)
        -etc..

     folder name (cloud/icons)
        -fb.png  (image file)
        -twitter.png (image file)
        -etc..

    cloud/login.php
    cloud/signup.php
    cloud/etc

    }

希望大家都明白我的文件夹结构。

如果我给这样的apache根路径 - DocumentRoot "/var/www/cloud" - 我的图标不会加载。

如果我给这样的apache根路径 - DocumentRoot "/var/www/" - 图标效果很好。

在我的cloud / css / custom.css中：

 .social-icons li.twitter a {
     background: url(../icons/twitter.png) no-repeat 0 0;

     //here is my problem . how i give the path here any suggestion 
     }

但我需要像DocumentRoot "/var/www/cloud"一样直接加载我的项目并正确加载图标。

谢谢大家。

Answer 1

如果您未在apache中设置虚拟主机，那么您的网站网址仍将保留为localhost。因此，您应尝试使用

访问图像

background: url(cloud/icons/twitter.png) no-repeat 0 0;

您还可以将虚拟主机设置为var/www/cloud端口8001 然后，您可以使用相同的代码background: url(icons/twitter.png) no-repeat 0 0;并访问http://localhost:8001

上的网站

更改apache时没有加载图标DocumentRoot“/ var / www /”

1 个答案: