html中无法加载css_html/css



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代码







/* $(document).ready(function() {
});//script end */

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文件，正确说明加载了