最初不加载CSS，不会在刷新（F5或CTRL F5）上加载，但加载链接单击（偶尔）

Question

花了整整一天的时间试图弄清楚这个问题，希望有人能帮助我！我是新来的，所以我很抱歉，如果这是一个重复的问题，（我做了我的研究，并没有提前找到任何东西）。

我的网站我建立我的咨询公司利用浏览器缓存，但如果清除缓存它不正确加载我的背景/滑块图像的CSS。浏览器（Chrome，&边缘）不是正确执行CSS，而是将它们堆叠在一起，同时将身体的其余部分向下推。

对于某些导航脚本等，我确实使用服务器解析。出于某种原因，CSS不会加载刷新或硬刷新，但会在点击index.html链接时加载（无论是在徽标，导航酒吧等）。

什么可隐瞒的，因此您可以在查看网站：http://www.okanaganmarketing.com

下面，如果该站点的滑块代码以及：

<div class="slider"> 
       <div class="fullwidthbanner-container"> 
        <div class="fullwidthbanner"> 
         <ul> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/snap_dot.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Grow Your Business</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">We Specialize In Marketing Strategy & Implementation</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class="btn btn-slider">We'll Show You How</a></div> 
          </li> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/millenials_2_dot_grey.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Engage Your Customers</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Social Media Marketing & Account Managment</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class=" second-btn btn btn-slider">We'll Take Care Of It For You</a></div> 
          </li> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/sunset.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Reach The Right Customers</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Marketing Communications & Media Exposure For Your Business</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class="btn btn-slider">We'll Help You Reach Your Goals</a></div> 
          </li> 
         </ul> 
        </div> 
       </div> 
      </div> 

如果有人可以帮助我将不胜感激，因为我正在用尽想法！在此先感谢您的帮助！！

Answer 1

对于遇到同样问题的任何人，希望这对你有一些帮助。我设法弄清楚了自己，并不完全确定哪个部分最终解决了问题，但是现在它已经修复了。

我正在使用服务器解析.shtml文档，将我的脚本包含在我的页脚中（所以我不必在我的网站上编辑它们），并注意到当我单独查看我的JavaScript和JQuery脚本时，使用ASYNC属性运行它们，由于某种原因，在解析文件中出现这种情况似乎导致了问题。只要我从滑块相关的JQuery文件中删除了ASYNC属性，它就像一个按钮一样平滑运行！

如果有人遇到这个问题，希望这会有一些帮助！