扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
一般是css文件路径问题,看看是否是文件路径不对,你可以点击审查元素,打开谷歌浏览器控制台(其他的浏览器调试器也可以),查看sources面板或者network面板刷新一下网页,看下对应的css文件有没有加载进来。如果没有,仔细检查一下路径
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站设计、网站制作、绥阳网络推广、微信小程序开发、绥阳网络营销、绥阳企业策划、绥阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供绥阳建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
下面三点,检查下看能搞定不:
1.css文件编码和网页文件编码要统一,css是utf8、网页是gb2312的话就得改
2.#my_div 这样的命名全部改为:#my-div 或 #mydiv(中间不要用下划线,只有个别浏览认这种名字)
3.样式表里面写的:.MyDiv,html里面调用时写的:class="myDiv",建议css和html里面全部都统一成小写
这3点犯了都会出现某些浏览器能正确解析,另一些浏览器出错的情况。
CSS样式通过class名和标签甚至标签层级顺序选择具体元素的,你是不是改了html的标签或者class
这个要看引用文件的路径了。
比如在用户登录html中,引用的reg.css和login.css标签如下:
(1)link href='reg.css' type='text/css' rel='stylesheet' /
(2)link href='css/login.css' type='text/css' rel='stylesheet' /
reg.css的路径前没有什么文件夹,说明reg.css的路径是与html文件存放在同一个文件夹下的,而login.css 前面多了'css/',这说明,login.css是存放在与html同一文件夹中的一个css文件夹中,举例说明如下:
A文件夹中有:(1)html登录注册.html (2)reg.css(3)css文件夹【即是B文件夹】
而B文件夹中:(1)login.css
而UserAjax.rar是一个压缩文件吧?解压后,看你把文件放哪了,就在script标签中的src中设置好路径就行了,跟上面link标签中的href属性一样。
不起作用的可能性:
第一种可能,网站系统有缓存,后台或者手动清除缓存看下。
第二种可能,css文件引入时候有误,请检查。
第三种可能,css写的有误。
排查错误
打开相应网页,查看源代码,看时候能打开相应的css文件,查看css文件,是否是上传的css文件。
火狐的”firebug“或则谷歌浏览器的”检查元素“,调试css,直到达到预想的效果。
我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样:
步骤1.创建一个简单的HTML标记
Upload
第2步:CSS:
有点棘手了
.fileUpload
{
position:
relative;
overflow:
hidden;
margin:
10px;
}
.fileUpload
input.upload
{
position:
absolute;
top:
0;
right:
0;
margin:
0;
padding:
0;
font-size:
20px;
cursor:
pointer;
opacity:
0;
filter:
alpha(opacity=0);
}
为简单起见,我使用应用了BootstrapCSS样式的按钮
(div.file-upload)。
演示:
上传按钮,显示选中的文件
不幸的是纯CSS的做不到这一点。但是,如果你真的想显示所选文件,下面的JavaScript代码片段可以帮助你。
JavaScript:
document.getElementById("uploadBtn").onchange
=
function
()
{
document.getElementById("uploadFile").value
=
this.value;
};
DOM:
Upload
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流