IE11下不能引入外部css,试了好久,特来求解_html/css_WEB-ITnose
html代码:
nbsp;html>
电话:010-51282827
手机:l342 6060 l34
地址:中关村南大街九龙商务中心C座


©2006-2009 北京市灵犀慧通科技有限公司 版权所有 http://www.lionhit.com 京ICP备07020337号
css代码:
@charset "UTF-8";
#container {
width: 1002px;
margin: 0 auto;
}
#header {
height: 128px;
background: url(../images/top_bg.jpg);
background-repeat: no-repeat;
}
#nav li {
float: left;
margin-right: 1px;
}
#nav a {
color: #363635;
font: 15px/37px '微软雅黑';
display: block;
width: 92px;
height: 37px;
text-align: center;
}
#nav a:hover {
background: url(../images/nav_on.gif);
}
#main {
}
#lside {
border: 1px solid #eee;
border-top: none;
width: 692px;
float: left;
}
.subtitle {
height: 37px;
background: url(../images/article_bg.gif);
}
.subtitle img {
margin: 5px 0px 0px 10px;
float: left;
}
.subtitle h1 {
float: left;
color: #151515;
font: 16px/37px '微软雅黑';
}
.subtitle a {
float: right;
color: #888;
font: 12px '微软雅黑';
}
.four {
width: 326px;
height: 200px;
background: #eee;
float: left;
margin: 10px;
_display:inline;
}
.four img {
float: left;
margin-left: 10px;
padding: 6px;
background: white;
}
.four h2 {
font: 16px '宋体';
color:#a0a0a0;
margin-left: 10px;
}
.four ul {
float: left;
}
.four li {
background: url(../images/service_intro_bg.gif) no-repeat;
background-position: left center;
padding-left: 10px;
margin: 5px 0;
}
.four a {
color: #888;
font: 12px '微软雅黑';
height:20px;
}
.four a:visted {
color: #808080;
}
.four a:hover {
color: #ff823c;
}
#rside {
width: 294px;
float: right;
}
#art {
background: #eee;
margin-top: 1px;
padding-top: 5px;
margin-bottom: 12px;
}
#art li {
font: 12px/30px sans-serif;
}
#art a {
padding-left: 30px;
display: block;
height: 30px;
color: #888;
background: url(../images/article_head.gif) no-repeat;
background-position: left center;
}
#art a:hover{
color: orange;
background: url(../images/article_on_bg.gif);
}
#lian {
background: #eee;
height: 145px;
color: gray;
font: 12px '微软雅黑';
padding: 20px 0 0 10px;
}
#lian img {
display: inline;
}
#footer {
clear: both;
}
#contact {
margin-top: 1px;
background: #eee;
height: 40px;
}
#contact li{
font-size: 12px;
float: left;
width: 60px;
padding-left: 20px;
padding-top: 10px;
}
#contact a {
color: gray;
font: 14px '宋体';
}
#contact a:hover {
color: orange;
}
address {
float: left;
color: gray;
font: 12px '微软雅黑';
padding-top: 10px;
padding-bottom: 10px;
}
#wai {
float: left;
color: gray;
font: 12px '微软雅黑',sans-serif;
margin-top: 10px;
margin-bottom: 10px;
}
#wai a {
color:orange;
margin-left: 10px;
}
#wai a:hover {
color: gray;
}
回复讨论(解决方案)
css里 写.XXX
然后html里写class="XXX"
不可以吗?
里加 type="text/css" 试试
加type试过了,没用
加type试过了,没用
css路径是对的?两个css文件没有冲突?
我都传到服务器上了,在IE下连图片都没了
我都传到服务器上了,在IE下连图片都没了
css路径、图片路径可能不对或者图片没上传 文件传上服务器,路径就可能变了
你确定是iE11下不能引入吗?
你试一试谷歌和火狐。
F12调试一下。
肯定是你的路径写的有问题!
谷歌, 火狐,safary下都是正常的,今天晚上睡不着了
谷歌, 火狐,safary下都是正常的,今天晚上睡不着了
你按F12调试一下吧 看看控制台有没有错误 IE比较严格 稍差一点都会出错
1,检查格式
2,检查路径
打开谷歌控制台,找到标签,右击路径在新窗口中打开CSS文件,看是否能打开

热AI工具

Undress AI Tool
免费脱衣服图片

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

是块级元素,用于划分大块内容区域;是内联元素,适合包裹小段文字或内容片段。具体区别如下:1.独占一行,可设置宽高、内外边距,常用于布局结构如头部、侧边栏等;2.不换行,仅占据内容宽度,用于局部样式控制如变色、加粗等;3.使用场景上,适用于整体区域的排版与结构组织,而用于不影响整体布局的小范围样式调整;4.嵌套时,可包含任何元素,而内部不应嵌套块级元素。

linkrel="preload"是一种优化页面加载性能的技术,用于提前加载关键资源。其核心用途在于优先加载对首屏渲染至关重要的资源,如字体、关键CSS/JS和首屏图片。使用时需注意:1.正确设置as属性以指定资源类型;2.避免滥用,防止带宽占用过高;3.确保资源会被实际使用,否则造成请求浪费;4.对跨域资源添加crossorigin属性。错误写法如缺少as属性会导致预加载无效。合理使用可提升页面加载效率,反之则可能适得其反。

要快速入门HTML,只需掌握几个基础标签即可搭建网页骨架。1.页面结构必备、和,其中是根元素,包含元信息,是内容展示区域。2.标题使用到,级别越高数字越小,正文用标签分段,避免跳级使用。3.链接使用标签并配合href属性,图片使用标签并包含src和alt属性。4.列表分为无序列表和有序列表,每个条目用表示且必须嵌套在列表中。5.初学者不必强记所有标签,边写边查更高效,掌握结构、文本、链接、图片和列表即可制作基础网页。

ShadowDOM是Web组件技术中用于创建隔离DOM子树的技术。1.它允许在普通HTML元素上挂载独立的DOM结构,拥有自己的样式和行为,不与主文档互相影响;2.通过JavaScript创建,例如使用attachShadow方法并设置mode为open;3.结合HTML使用时具备结构清晰、样式隔离和内容投影(slot)三大特点;4.注意事项包括调试复杂、样式作用域控制、性能开销及框架兼容性问题。总之,ShadowDOM提供了原生封装能力,适用于构建可复用且不污染全局的UI组件。

❌Youcannotnesttagsinsideanothertagbecauseit’sinvalidHTML;browsersautomaticallyclosethefirstbeforeopeningthenext,resultinginseparateparagraphs.✅Instead,useinlineelementslike,,orforstylingwithinaparagraph,orblockcontainerslikeortogroupmultipleparagraph

样式放置方式需根据场景选择。1.Inline适合单元素临时修改或JS动态控制,如按钮颜色随操作变化;2.内部CSS适合页面少、结构简单项目,便于集中管理样式,如登录页基础样式设置;3.优先考虑复用性、维护性及性能,大项目拆分外链CSS文件更优。

thenAmeatTributeInAninputTagisusIfe to IndentifyTheInputWhentheFormisSubSted; iservesAsTheKeyInthekey-ValuePairsentTotheserver,wheretheuser'sinputisthevalue.1.whenaformented,

TheHTMLdownloadattributeallowsuserstodownloadfilesdirectlyfromalinkbyusingthetag.Toimplementit,adddownloadtotheanchortag,suchasDownloadPDF,orspecifyacustomfilenamelikeDownloadasmy-document.pdf.1.Itworksbestwithsame-originURLsandcommonfiletypeslikePDF
