CSS最初不加载,刷新时不加载(F5或CTRL F5),但在链接单击时加载(偶尔)
花了一整天的时间想弄明白,希望有人能帮我解决!我是新来的,所以如果这是一个重复的问题,我很抱歉,我做了我的研究,但事先找不到任何东西 我为我的咨询公司建立的网站使用浏览器缓存,但是如果缓存被清除,它不会在我的背景/滑块图像中正确加载CSS。浏览器Chrome和Edge没有正确执行CSS,而是将它们堆叠在一起,同时将身体的其余部分向下推得更远 我确实对某些导航脚本等使用服务器解析。出于某种原因,CSS不会在刷新或硬刷新时加载,但如果在徽标、导航栏等上单击index.html链接,就会加载 没有要隐藏的内容,因此您可以在以下位置查看网站: 如果站点的滑块代码也在下面:CSS最初不加载,刷新时不加载(F5或CTRL F5),但在链接单击时加载(偶尔),css,caching,html-parsing,loading,Css,Caching,Html Parsing,Loading,花了一整天的时间想弄明白,希望有人能帮我解决!我是新来的,所以如果这是一个重复的问题,我很抱歉,我做了我的研究,但事先找不到任何东西 我为我的咨询公司建立的网站使用浏览器缓存,但是如果缓存被清除,它不会在我的背景/滑块图像中正确加载CSS。浏览器Chrome和Edge没有正确执行CSS,而是将它们堆叠在一起,同时将身体的其余部分向下推得更远 我确实对某些导航脚本等使用服务器解析。出于某种原因,CSS不会在刷新或硬刷新时加载,但如果在徽标、导航栏等上单击index.html链接,就会加载 没有要隐
<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>
如果有人能帮助我,我将不胜感激,因为我的想法快用完了!提前感谢您的帮助 对于遇到同样问题的人,希望这能对你有所帮助。我自己设法解决了这个问题,但并不完全确定是哪一部分最终解决了这个问题,但现在问题已经解决了 我对.shtml文档使用服务器解析,将我的脚本包含在页脚中,这样我就不必在我的网站上编辑它们。我注意到,当我单独查看javascript和JQuery脚本时,我使用ASYNC属性运行它们,出于某种原因,当在解析文件中时,这似乎是导致问题的原因。一旦我从与滑块相关的JQuery文件中删除了ASYNC属性,它就会像按钮一样平稳地运行
如果有人遇到这个问题,希望这将是一些帮助 当我查看你的源站点时,html是错误的。并且处于错误的位置。纠正它。那它就顺利了。不太清楚你的意思是什么?我已经关闭了和标签,是否有不同的方式?谢谢你的帮助!