Home >Web Front-end >HTML Tutorial >css_html/css_WEB-ITnose cannot be loaded in html

css_html/css_WEB-ITnose cannot be loaded in html

WBOY
WBOYOriginal
2016-06-24 12:16:181301browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:Looking for a css compression tool that can merge the same css attributes_html/css_WEB-ITnoseNext article:Looking for a css compression tool that can merge the same css attributes_html/css_WEB-ITnose

Related articles

See more