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

Question

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

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

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>

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

Answer 1

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

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

Issue with stylesheet after switching from IE to EDGE. Background color shifted

html

css

sql

microsoft-edge