Microsoft.Web.UI.WebControls TabStrip在IE9中没有正确显示标签 - 虽然可以在IE7,IE8,FF和Chrome中使用

时间:2013-12-05 07:19:54

标签: internet-explorer web-controls

我无法获取Microsoft.Web.UI.WebControls TabStrip用户控件来在IE9中呈现标签。

我们的应用程序目前使用IIS标头强制浏览器文档模式为IE7,因为我们有一些旧的代码/ Silverlight内容,如果我们没有,代码看起来很奇怪。这是在IE7进入IE8并且从未被关闭时实现的。我正在尝试删除此IIS标头,以便我们的应用程序将在最新的浏览器中运行。

当我删除I​​IS标头并开始测试时,我注意到我们的标签在IE9中不再出现(尽管它们在Chrome和Firefox中显示得很好)。起初我以为它是CSS,但是取出CSS并没有帮助。所以我拿出了tabstrip的代码并将它放在一个新的空白项目中。它们仍然没有出现在IE9中。

我将IE9中的文档模式更改为Quirks模式,IE7,IE8,并且IE中的标签显示正常。我将文档模式更改为IE9,并且选项卡未显示。当我在页面上“查看源代码”时它们位于页面中,但不显示在屏幕上。

任何人遇到这个并解决它?有什么想法吗?

我的测试项目中的代码。在IE中,按F12切换到IE7并显示选项卡,切换到IE9并且标签不再显示。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" inherits="WebControlsTestApp.WebForm1" %>
<%@ Register TagPrefix="tabs" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>

<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <p>This is before the tabs</p>
    <div id="trTabs" runat="server">
        <tabs:TabStrip id="ctrlTabs2" autopostback="true" runat="server"
TabSelectedStyle="padding:4px 12px 4px 12px;background-color:red;color:blue;font-family:Calibri,'Lucinda Grande',Helvetica,Sans-Serif;font-size:14px;font-weight:bold;border-right:2px solid #d9d9d9;border-top:2px solid #d9d9d9;border-bottom:2px solid #ffffff;text-decoration:none;"
TabDefaultStyle="padding:4px 12px 4px 12px;background-color:red;color:blue;font-family:Calibri,'Lucinda Grande',Helvetica,Sans-Serif;font-size:14px;font-weight:bold;border-right:2px solid #d9d9d9;border-top:2px solid #d9d9d9;border-bottom:2px solid #d9d9d9;text-decoration:none;" >
            <tabs:Tab Text="To Review" />
            <tabs:Tab Text="Past Reviews" />
            <tabs:Tab Text="I Own" />
        </tabs:TabStrip>
    </div>
    <p>This is after the tabs</p>
    </form>
</body>
</html>

0 个答案:

没有答案