IE无法加载到外部CSS样式, 用360浏览器就可以,上CSS引用代码[急]_html/css

回复讨论(解决方案)

首页

web前端

html教程

IE无法加载到外部CSS样式, 用360浏览器就可以,上CSS引用代码[急]_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:25 AM

css 代码加载外部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>新用户注册页面</title>    <link  rel="stylesheet" href="css/register.css" type="css/text"/>    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>	<script>      		//邮箱获取焦点时		function emailGo(){			var email = $("#email").val();				if(email == ""){					$("#emailId").html("请输入您常用的电子邮箱");				}		}		//邮箱失去焦点时		function emailOut(){				var email = $("#email").val();				if(email==""){					$("#emailId").html("电子邮箱不能为空");					return false;				}				if(email.indexOf("@")==-1){					$("#emailId").html("Email格式不正确");					return false;				}				if(email.indexOf(".")==-1){					$("#emailId").html("Email格式不正确");					return false;				}				$("#emailId").html("");				return true;		}		//用户名						$(document).ready(function(){			//保密邮箱			$("#email").focus(emailGo);			$("#email").blur(emailOut);			var a =	$("#userNameId").html();			alert(a);		});	</script>    <script type="text/javascript" src="js/register.js"></script></head><body><div id="header"><img src="/static/imghw/default1.png"  data-src="images/register_logo.gif"  class="lazy"   alt="logo"/></div><div id="main">    <table width="100%" border="0" cellspacing="0" cellpadding="0">        <tr>            <td class="bg bg_top_left"></td>            <td class="bg_top"></td>            <td class="bg bg_top_right"></td>        </tr>        <tr>            <td class="bg_left"></td>            <td class="content">                <form id="registerForm" action="" method="post" name="myform">                    <dl>                        <dt>通行证用户名：</dt>                        <dd><input type="text" id="userName" class="inputs userWidth"/> @163.com</dd>                        <div id="userNameId">啊啊</div>                    </dl>                    <dl>                        <dt>登录密码：</dt>                        <dd><input type="password" id="pwd" class="inputs"/></dd>                        <div id="pwdId"></div>                    </dl>                    <dl>                        <dt>重复登录密码：</dt>                        <dd><input type="password" id="repwd" class="inputs"/></dd>                        <div id="repwdId"></div>                    </dl>                    <dl>                        <dt>性别：</dt>                        <dd><input name="sex" type="radio" value="" checked="checked"/>男 <input name="sex" type="radio" value="" />女 </dd>                    </dl>                    <dl>                        <dt>真实姓名：</dt>                        <dd><input type="text" id="realName" class="inputs" /></dd>                    </dl>                    <dl>                        <dt>昵称：</dt>                        <dd><input type="text" id="nickName" class="inputs"/></dd>                        <div id="nickNameId"></div>                    </dl>                    <dl>                        <dt>关联手机号：</dt>                        <dd><input type="text" id="tel" class="inputs"/></dd>                        <div id="telId"></div>                    </dl>                    <dl>                        <dt>保密邮箱：</dt>                        <dd><input type="text" id="email" class="inputs"/></dd>                        <div id="emailId"></div>                    </dl>                    <dl>                        <dt></dt>                        <dd><input name=" " type="image" src="images/button.gif"/></dd>                    </dl>                </form>            </td>            <td class="bg_right"></td>        </tr>        <tr>            <td class="bg bg_end_left"></td>            <td class="bg_end"></td>            <td class="bg bg_end_right"></td>        </tr>    </table></div></body></html>

登录后复制

下面是CSS

@charset "utf-8";/* CSS Document */body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{	width:650px;	margin:0 auto;	}.bg{	background-image:url(../images/register_bg.gif);	background-repeat:no-repeat;	width:6px;	height:6px;	}	.bg_top_left{		background-position:0px 0px;		}	.bg_top_right{		background-position:0px -6px;		}	.bg_end_left{		background-position:0px -12px;		}	.bg_end_right{		background-position:0px -18px;		}	.bg_top{		border-top:solid 1px #666666;		}	.bg_end{		border-bottom:solid 1px #666666;		}	.bg_left{		border-left:solid 1px #666666;		}	.bg_right{		border-right:solid 1px #666666;		}.content{	padding:10px;	}	.inputs{		border:solid 1px #a4c8e0;		width:150px;		height:15px;	}		.userWidth{		width:110px;		}	.content div{		float:left;		font-size:12px;		color:#000;		}	dl{		clear:both;		}	dt,dd{		float:left;		}	dt{		width:130px;		text-align:right;		font-size:14px;		height:30px;		line-height:25px;		}	dd{		font-size:12px;		color:#666666;		width:180px;		}/*当鼠标放到文本框时，提示文本的样式*/.import_prompt{	border:solid 1px #ffcd00;	background-color:#ffffda;	padding-left:5px;	padding-right:5px;	line-height:20px;	}/*当文本框内容不符合要求时，提示文本的样式*/.error_prompt{	border:solid 1px #ff3300;	background-color:#fff2e5;	background-image:url(../images/li_err.gif);	background-repeat:no-repeat;	background-position:5px 2px;	padding:2px 5px 0px 25px;	line-height:20px;	}/*当文本框内容输入正确时，提示文本的样式*/.ok_prompt{	border:solid 1px #01be00;	background-color:#e6fee4;	background-image:url(../images/li_ok.gif);	background-repeat:no-repeat;	background-position:5px 2px;	padding:2px 5px 0px 25px;	line-height:20px;	}

登录后复制

保证路径是正确的 , 不知道为啥?

回复讨论(解决方案)

<link  rel="stylesheet" href="css/register.css" />

登录后复制

<link  rel="stylesheet" href="css/register.css" type="text/css"/>

登录后复制

type的类型写反了。

<link  rel="stylesheet" href="css/register.css" type="text/css"/>

登录后复制

type的类型写反了。

我试过 , 还是没有用呢

去掉也不管用吗?

那就不知道你哪里出的错了，我自己试了下，是没有问题的~~

我想可能是浏览器的问题吧

浏览器还不至于出这么低级的问题的，先从自己的代码找起吧。

本站声明

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

热AI工具

热工具

热门话题

Java教程

1665

CakePHP 教程

1424

Laravel 教程

1321

PHP教程

1269

C# 教程

1249

显示更多

Related knowledge

vue中怎么用bootstrap Apr 07, 2025 pm 11:33 PM

在 Vue.js 中使用 Bootstrap 分为五个步骤：安装 Bootstrap。在 main.js 中导入 Bootstrap。直接在模板中使用 Bootstrap 组件。可选：自定义样式。可选：使用插件。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

bootstrap怎么写分割线 Apr 07, 2025 pm 03:12 PM

创建 Bootstrap 分割线有两种方法：使用标签，可创建水平分割线。使用 CSS border 属性，可创建自定义样式的分割线。

bootstrap怎么插入图片 Apr 07, 2025 pm 03:30 PM

在 Bootstrap 中插入图片有以下几种方法：直接插入图片，使用 HTML 的 img 标签。使用 Bootstrap 图像组件，可以提供响应式图片和更多样式。设置图片大小，使用 img-fluid 类可以使图片自适应。设置边框，使用 img-bordered 类。设置圆角，使用 img-rounded 类。设置阴影，使用 shadow 类。调整图片大小和位置，使用 CSS 样式。使用背景图片，使用 background-image CSS 属性。

bootstrap怎么设置框架 Apr 07, 2025 pm 03:27 PM

要设置 Bootstrap 框架，需要按照以下步骤：1. 通过 CDN 引用 Bootstrap 文件；2. 下载文件并将其托管在自己的服务器上；3. 在 HTML 中包含 Bootstrap 文件；4. 根据需要编译 Sass/Less；5. 导入定制文件（可选）。设置完成后，即可使用 Bootstrap 的网格系统、组件和样式创建响应式网站和应用程序。