个人中心
gpt4 book ai didi

c# - 仅当页面具有母版页时，在 IE 中单击 Microsoft Chart 控件时图像映射才可见

转载 作者：太空宇宙 更新时间：2023-11-03 14:13:28 25 4
gpt4 key购买 nike

enter image description here

如果仔细观察上图，您会看到 Microsoft Chart 控件上呈现了一个点击框。当我单击 Microsoft 图表控件上的数据点时会显示此信息。 DataPoint 定义了一个回发值，而 Chart 实现了它的 On_Click 事件处理程序。我可以通过右键单击或左键单击来渲染此图像映射。

我的设置是这样的:

  • 完全空的 .aspx 基页，除了它有一个母版页。母版页设置略有不同，因为有一个“WebForms”母版页和一个“Root”母版页。 “WebForms”母版页继承自“Root”母版页。这是因为我有一个集成到 MVC 解决方案中的 ASP.NET AJAX 页面。我在任何其他浏览器中都没有遇到此设置的问题。 (此外，在测试期间，我删除了对中间母版页的依赖——问题仍然存在。我有信心说母版页的层次结构不是这个问题的根源。)
  • MasterPageFile="~/Views/Shared/WebForm.master"是我的基本页面上的 MasterPage 声明。

WebForm MasterPage 看起来有点像这样:

<asp:Content ContentPlaceHolderID="MainContentRoot" runat="server">
    <form id="form1" runat="server">
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
        </asp:ContentPlaceHolder>
    </form>
</asp:Content>

还有其他内容占位符，但我相信这是唯一相关的。请注意，我已将此占位符包装在起始表单标签中。这允许我将“表单”标签与 Html.StartForm() 和 EndForm() 分开，这对于 MVC 来说是正常的。

Root.Master:

<%@ Master Language="C#" Inherits="System.Web.UI.MasterPage" %>
<%@ Import Namespace="CableSolve.Web.Controllers" %>
<!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><asp:ContentPlaceHolder ID="TitleContentRoot" runat="server" /></title>
    <asp:ContentPlaceHolder ID="CssContentRoot" runat="server" />
</head>
<body>
    <div id="ContentPlaceHolder" style="height: 100%" class="ui-widget">
        <asp:ContentPlaceHolder ID="MainContentRoot" runat="server" />
    </div>
</body>

再一次，还有其他占位符，但我相信这些是唯一相关的。我已禁用页面上的所有 CSS，但我仍然看到这种情况发生。

所以..我可以假设图像映射的客户端 ID 在这种情况下没有得到正确处理。 UniqueID 因存在内容占位符而被修改。请看以下内容:

INTERNET EXPLORER 9.0.8112 HTML MARKUP:

<div class="rdContent" id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C">

<img id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0" style="width: 979px; height: 1494px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" alt="" src="/csweb_IISVS2010/Dashboard/ChartImg.axd?i=chart_63c65dfd662c42fd9a14723465b4db62_3.png&g=4b336a3ffbc346309c1eb2197ee6fe4c" useMap="#ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap"/>

<map name="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap" id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap">

GOOGLE CHROME 13.0.782

<div id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C" class="rdContent">

<img id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0" src="/csweb_IISVS2010/Dashboard/ChartImg.axd?i=chart_63c65dfd662c42fd9a14723465b4db62_1.png&amp;g=f6ae9770eb0d497187804e384e37a51d" alt="" usemap="#ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap" style="height:1448px;width:983px;border-width:0px;">

<map name="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap" id="ctl00_ctl00_MainContentRoot_MainContent_RadDock_114c1ddaa93b2a4313a905aa790b7d3b5177_C_Chart_1d08148bad019a4deca8463a12fe211701a0_Chart_1d08148bad019a4deca8463a12fe211701a0ImageMap">

我是网络开发的新手。我有哪些进一步调试或修补问题的选项？我在黑暗中射击子弹，以便偶然发现是母版页引入了这个问题。

感谢您的阅读和您的宝贵时间。干杯。

编辑:它发生在启用或禁用兼容模式的情况下。我将表单标签移动到我的基本页面的内容占位符内，没有发现任何差异。

EDIT2:我还删除了中间母版页。我觉得这可能是一个很大的问题来源，但这个问题仍然出现在只使用一个母版页的情况下。

TL;DR:当我的图表控件位于 ContentPlaceHolder 内部时，我可以在左键或右键单击包含图像映射的区域时看到图像映射。这只发生在 Internet Explorer 下。

(赏金后编辑):

  • 我尝试使用 Ryan Ternier 提供的 CSS 代码片段来重置 CSS。我使用下面的代码片段引用了它。 Dashboard.css 的内容是 Ryan 提供的代码片段。没有影响。

    <link rel="stylesheet" type="text/css" href="../Content/Dashboard/Dashboard.css?t=<%= DateTime.Now.Ticks %>" />

  • 我已经尝试清除链接的焦点。我在这里担心的是，我点击的并不是真正的链接，它是带有 map 的图像，并且 map 正在变得可见。没有影响。

  • 我阅读了有关 Adob​​e Dreamweaver 的链接清理器插件的信息。这似乎与手头的项目无关。我正在使用 Visual Studio 2k10，但我做了一些谷歌搜索，试图找到 VS 的可比较步骤。我没有找到。

最佳答案

如果没有定义，有时浏览器可以默认一个 CSS。您是否尝试清除所有默认 CSS？

您可能想查看链接清理:http://www.projectseven.com/extensions/info/remscrub/

你也可以试试:a:focus { outline:none; } 在 CSS 中

清除默认 CSS:

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

来自:http://meyerweb.com/eric/tools/css/reset/

关于c# - 仅当页面具有母版页时，在 IE 中单击 Microsoft Chart 控件时图像映射才可见，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7112472/

25 4 0
文章推荐： ssl - 如何使用我的 https 公钥证书签署消息？
文章推荐： python - 如何获取 numpy 数组中不连续索引的元素？
文章推荐： python - 挂起当前函数直到对话框关闭
文章推荐： .net - 如何使用 .NET Framework 4 + 通过 SSL SMTP 发送电子邮件
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com