CSS和图像不会在页面加载上加载,而是在页面刷新时加载

全部,</ p>

我有一个具有以下结构的PHP MVC应用程序: </ p>

  helloworld 

  • application
  • configs
  • controllers
  • models
  • layouts
  • include
  • library
  • public
  • .htaccess
  • index.php
  • design
  • css
  • style.css
  • struct.css
  • js
  • images
  • bg.gif
    </ code> </ pre>

    我在apache中配置了一个名为 hello </ code>的虚拟主机,指向 helloworld / public / </ code>文件夹。 因此,当我查看我的网站时,使用 http:// hello </ code>,所有CSS和图像都可以正常呈现。</ p>

    我将我的网站部署到具有类似功能的其他服务器上 配置如上。 当我使用 http://test.com/hello </ code>访问网站时,CSS及其中包含的背景图片,在Chrome和Safari中呈现完全正常,但IE,Firefox和Opera上的背景图片失败 。 当页面在这些浏览器上刷新时,它可以正常工作。 我无法理解这种行为。</ p>

    我的CSS中的URL是这样写的:</ p>

      background-image:url  (/design/images/bg.gif);
    

    nn

    我的htaccess是这样的:</ p>

     选项 -MultiViews -Indexes 
    
    

    ########################################## ###########
    #CONFIGURE媒体缓存

    Header unset ETag
    FileETag无

头部未设置Last-Modified
Header设置Expires“星期五,2012年12月21日00:00:00 GMT“
Header set Cache-Control”max-age = 7200,必须重新验证“
SetOutputFilter DEFLATE

####################### ##############################

RewriteEngine On
RewriteCond%{REQUEST_FILENAME} -s [OR]
RewriteCond%{ REQUEST_FILENAME} -l [OR]
RewriteCond%{REQUEST_FILENAME} -d
RewriteRule ^。* $ - [NC,L]
RewriteRule ^。* $ index.php [NC,L]
</ code> </ pre >

有人可以解释为什么背景图像和CSS在页面加载时无法正确呈现,但在页面刷新后呈现?</ p>
</ div>

展开原文

原文

All,

I have a PHP MVC application with the following structure:

helloworld
 - application
     - configs
     - controllers
     - models
     - layouts
 - include
 - library
 - public
    - .htaccess
    - index.php
    - design
      - css
         - style.css
         - struct.css
      - js
      - images
        - bg.gif

I have configured a virtual host in apache called hello that points to helloworld/public/ folder. So, when I view my site, using http://hello all the CSS and images render fine.

I deployed my site to a different server with similar config as above. When I access the website using http://test.com/hello the CSS and the background images contained in it, renders absolutely fine in Chrome and Safari, but background images fail on IE,Firefox and Opera. When the page refreshes on these browsers, it works just fine. I am unable to understand the behavior for this.

The URLs in my CSS are written like this:

background-image: url(/design/images/bg.gif);

and my htaccess is like this:

Options -MultiViews -Indexes

#####################################################
# CONFIGURE media caching
#
Header unset ETag
FileETag None

Header unset Last-Modified
Header set Expires "Fri, 21 Dec 2012 00:00:00 GMT"
Header set Cache-Control "max-age=7200, must-revalidate"
SetOutputFilter DEFLATE
#
#####################################################

RewriteEngine   On
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^.*$ index.php [NC,L]

Can somebody explain why Background images and CSS is not rendering properly on page load, but renders after a page refresh?

duangong937906
duangong937906 这就是为什么它不是答案;)
接近 10 年之前 回复
duanhe2027
duanhe2027 但这仍然无法解决问题
接近 10 年之前 回复
duangua5308
duangua5308 是的..设计文件夹是在公共文件夹下..我会纠正它..谢谢
接近 10 年之前 回复
drj58429
drj58429 toolong
接近 10 年之前 回复

2个回答



让我们做一些测试以确定问题</ p>

1-尝试访问 http://test.com/hello/design/images/bg.gif ,它应该是 如果不是那么它的权限问题</ p>

2-然后尝试在你的css文件中使用绝对URL,如 background-image:url(http://test.com/hello /design/images/bg.gif);


nn

3-如果你还面临问题那么它的设计问题,我想你正在使用IE 6 查看此处</ a > </ p>
</ div>

展开原文

原文

let do some testing to identify the problem

1- try to access http://test.com/hello/design/images/bg.gif ,it should be accessible , if not then its permission problem

2- then try to use absolute url in your css files like background-image: url(http://test.com/hello/design/images/bg.gif);

3- if you still face the problem then its design issue , i guess you are using IE 6 check out here



尝试取消注释.htaccess上的deflate选项,也许你的服务器没有激活mod_deflate。</ p>

  #SetOutputFilter DEFLATE 
</ code> </ pre>
</ div>

展开原文

原文

Try to uncomment deflate option on your .htaccess, perhaps your server don't have mod_deflate activated.

#SetOutputFilter DEFLATE

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问