Internet explorer Microsoft.Web.UI.WebControl TabStrip在IE9中无法正确显示选项卡-但在IE7、IE8、FF和Chrome中也能正常工作_Internet Explorer_Web Controls

Internet explorer Microsoft.Web.UI.WebControl TabStrip在IE9中无法正确显示选项卡-但在IE7、IE8、FF和Chrome中也能正常工作

internet-explorer

Internet explorer Microsoft.Web.UI.WebControl TabStrip在IE9中无法正确显示选项卡-但在IE7、IE8、FF和Chrome中也能正常工作,internet-explorer,web-controls,Internet Explorer,Web Controls,让Microsoft.Web.UI.WebControl选项卡Strip user control在IE9中呈现选项卡时遇到问题我们的应用程序目前使用IIS头强制浏览器文档模式为IE7，因为我们有一些旧代码/Silverlight的东西，如果我们没有，代码看起来很奇怪。这是在IE7转到IE8时实现的，从未关闭过。我正在尝试删除这个IIS头，以便我们的应用程序能够在最新的浏览器中运行当我删除IIS头并开始测试时，我注意到我们的标签不再显示在IE9中（它们显示在Chrome和Firefox中）。

让Microsoft.Web.UI.WebControl选项卡Strip user control在IE9中呈现选项卡时遇到问题

我们的应用程序目前使用IIS头强制浏览器文档模式为IE7，因为我们有一些旧代码/Silverlight的东西，如果我们没有，代码看起来很奇怪。这是在IE7转到IE8时实现的，从未关闭过。我正在尝试删除这个IIS头，以便我们的应用程序能够在最新的浏览器中运行

当我删除IIS头并开始测试时，我注意到我们的标签不再显示在IE9中（它们显示在Chrome和Firefox中）。起初我以为这是CSS，但去掉CSS并没有帮助。因此，我取出了tabstrip的代码，并将其放入一个新的空白项目中。他们仍然没有出现在IE9中

我将IE9中的文档模式更改为怪癖模式，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>


这是在标签前面
这是在标签后面