大佬教程收集整理的这篇文章主要介绍了asp.net – 兼容模式下的IE9无法正确显示CSS样式,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="section"> <div class="sectiontitle"> <dx:ASPxLabel ID="lblSectiontitle" runat="server" Text='<%# Eval("Sectiontitle") %>'></dx:ASPxLabel> </div> <div class="sectiontitle"> <dx:ASPxLabel ID="lblSectionDesc" runat="server" Text='<%# Eval("SectionDescription") %>'></dx:ASPxLabel> </div>
div部分有一个结束标记,其中有更多内容正确呈现.
上面的CSS是:
.section { padding: 5px; BACkground-color: #ffffff; } .sectiontitle { font-size: 11px; font-family: Arial; font-weight: bold; color: #546fb2; }
当我在.section中注释掉背景颜色时,正在应用sectiontitle的格式,但是当我将背景颜色放在那里时,它会覆盖sectiontitle的颜色.我已经尝试将.section的颜色设置为匹配.sectiontitle但这仍然不起作用.
在每个浏览器(IE9不兼容,Firefox,ChromE)它工作正常,我已经看了几个小时现在这有点令人沮丧,因为我无法发现问题.
内容位于ASP.NET页面上,该页面使用具有doctype的MasterPage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
请问有人能帮忙解决这个问题吗?
提前致谢
安迪
<meta http-equiv="x-ua-compatible" content="ie=edge" />
这个边缘标记告诉ie始终呈现它支持的最标准模式.
如果你使用像asp.net或php这样的服务器端技术,那就是使用另一种方法(我更喜欢),这就是添加一个http头(在asp.net中,这是在global.asax中,也是chrome = 1使能) chromeframe如果安装):
protected void Application_Beginrequest() { Response.Headers.Add("X-UA-Compatible","IE=edge,Chrome=1"); }
编辑:
还有第三种方法,那就是在Internet选项的兼容性视图选项卡中禁用它.但是,这只会影响您的计算机.
此外,如果可能的话,最好使用头方法,而不是使用元标记方法.当浏览器读取元标记时,它已经处于主模式.元标记仅影响文档呈现模式,而不影响浏览器兼容模式.在某些情况下,存在微妙的差异,可能会产生影响.
以上是大佬教程为你收集整理的asp.net – 兼容模式下的IE9无法正确显示CSS样式全部内容,希望文章能够帮你解决asp.net – 兼容模式下的IE9无法正确显示CSS样式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。