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教學

1664

CakePHP 教程

1423

Laravel 教程

1318

PHP教程

1269

C# 教程

1248

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:30 PM

在 Bootstrap 中插入圖片有以下幾種方法：直接插入圖片，使用 HTML 的 img 標籤。使用 Bootstrap 圖像組件，可以提供響應式圖片和更多樣式。設置圖片大小，使用 img-fluid 類可以使圖片自適應。設置邊框，使用 img-bordered 類。設置圓角，使用 img-rounded 類。設置陰影，使用 shadow 類。調整圖片大小和位置，使用 CSS 樣式。使用背景圖片，使用 background-image CSS 屬性。

bootstrap怎麼寫分割線 Apr 07, 2025 pm 03:12 PM

創建 Bootstrap 分割線有兩種方法：使用標籤，可創建水平分割線。使用 CSS border 屬性，可創建自定義樣式的分割線。

bootstrap怎麼設置框架 Apr 07, 2025 pm 03:27 PM

要設置 Bootstrap 框架，需要按照以下步驟：1. 通過 CDN 引用 Bootstrap 文件；2. 下載文件並將其託管在自己的服務器上；3. 在 HTML 中包含 Bootstrap 文件；4. 根據需要編譯 Sass/Less；5. 導入定製文件（可選）。設置完成後，即可使用 Bootstrap 的網格系統、組件和样式創建響應式網站和應用程序。