从 IE 切换到 EDGE 后样式表出现问题。背景颜色偏移

Posted 2023-03-23

【中文标题】从 IE 切换到 EDGE 后样式表出现问题。背景颜色偏移

【英文标题】：Issue with stylesheet after switching from IE to EDGE. Background color shifted

【发布时间】：2020-07-02 10:54:42

【问题描述】：

我正在动态构建一个日历，其中表元素 (tr,td) 在 SQL 中组合在一起，然后绑定到中继器。通过将背景颜色添加到<td> 单元格中的数字来突出显示当天。从 IE 切换到 EDGE 后，突出显示的背景相对于数字移动。

这是在 SQL 中创建 html 代码的方式：

COALESCE(PRETAG,'') + '<td style=text-align:center;column-width:52px;background-color:#'+ COALESCE(ColorCode,'FFFFFF') + ';>' 
                                          + Case WHEN DATEDIFF(day, date, getdate()) = 0 
                                                 THEN '<span class=highlight>&nbsp;'  
                                                 ELSE ''
                                                 END as PRETAG,
CAST(datepart(day, date) as nvarchar) + Case WHEN DATEDIFF(day, date, getdate()) = 0 
                                             THEN '&nbsp;&nbsp;</span>'
                                             ELSE ''
                                             END + '<br />' + CASE WHEN delta is Null THEN '&nbsp;'
                                                                   WHEN delta < 10 and delta > 0 THEN '0' 
                                                                   ELSE CAST(delta as NVARCHAR) END + CASE WHEN extra > 0 THEN '+' + CAST(extra as nvarchar) ELSE '' END as TAG

这就是它在浏览器中的呈现方式：

<td style=text-align:center;column-width:52px;background-color:#C0C0C0;><span class=highlight>&nbsp;
        <a id="RepeaterKalendar_ctl183_ButtonSelect" href="javascript:__doPostBack(&#39;RepeaterKalendar$ctl183$ButtonSelect&#39;,&#39;&#39;)" style="vertical-align:text-bottom;text-decoration:none">2&nbsp;&nbsp;</span><br />&nbsp;</a> 
        </td>

有人有解决这个问题的提示吗？我可以忍受它，但我是一个完美主义者。 马丁

【问题讨论】：

我花了更长的时间来记录这个问题，而不是解决它。有时写一篇文章会给出正确的提示。我刚刚将 verticle-align:top 添加到 CSS 类突出显示中，并且效果很好。

感谢您分享该问题的解决方案。我建议您将您的解决方案发布为该线程的答案，并在 48 小时后尝试将您自己的答案标记为该问题的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。

【参考方案1】：

我终于可以通过将 vertical-align:top 添加到我分配 span 元素的 css 类来解决这个问题，以保留当天的数字。在 Internet Explorer 下这不是必需的。由于某种原因，现在有了 Edge。有趣！