PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html中无法加载css_html/css_WEB-ITnose

原创
2016-06-24 12:16:18 1071浏览

css代码:
@charset "utf-8";



/***********************************************1 style*********************************** */
/*menu slide_btn*/ 
  .slide_btn .arrow_btn{ /* arrow_btn:  */
background-image:url(img/btn/slide_btn_type2.png); 
background-repeat:no-repeat;
  background-position:0 0;
width: 54px;
height: 46px;
margin-top: 340px;
margin-left: 25px;
cursor:pointer; 
}
.slide_btn{
width:87px;
height:678px;
position:absolute;
top:40px;
overflow:hidden;
}

.slide_btn .arrow_btn:hover{
background-image:url(img/btn/slide_btn_type2_over.png);
}

html代码

 
 







close x










图片位于 WebContent>img>btn
css文件  WebContent>css
html文件 WebContent


回复讨论(解决方案)

由页面可以打开,是我的文件。但无法正确显示。
但是css直接写在

中则能显示
你打开页面,再查看源文件,点击  这个链接,看是否为你的css文件,正确说明加载了

谢谢你,按照你的说法,我查看之后,发现图片不能在网页中打开,所以解决了。
如果在

里调用: background-image:url(img/btn/slide_btn_type2.png);  
但是 如果link外部css: background-image:url(../img/btn/slide_btn_type2.png); 


由页面可以打开,是我的文件。但无法正确显示。
但是css直接写在

中则能显示
引用 1 楼  的回复:

你打开页面,再查看源文件,点击  这个链接,看是否为你的css文件,正确说明加载了

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。