gpt4 book ai didi

css - 如何禁用导致 IE7 错误的 CSS 行?

转载 作者:行者123 更新时间:2023-11-28 13:36:37 24 4
gpt4 key购买 nike

我的 IE7 用户报告表格中第二列的边框缺失。我终于能够找到导致它的原因 - telerik.common.css 中包含一行,因为网站上的各个页面都使用了 Telerik 的 MVC 扩展。

我希望能够仅针对 IE7 禁用这一行(在 IE6 或更高版本的 IE 中没有错误)。下面的示例使用文本颜色而不是边框​​。

HTML

<!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>
<title>Test</title>
<style type="text/css">
table.Standard td
{
color: black;
}
table.Standard tr.First td
{
color: red;
}

/* Line that makes all cells in the second column red */
.t-grid .t-group-cell+td,.t-grid .t-hierarchy-cell+td{border-left-width: 0}
</style>
</head>

<body>
<table class="Standard" cellspacing="0" cellpadding="6" border="0">
<tr class="First">
<td class="First">red</td>
<td>red</td>
<td>red</td>
<td>red</td>
<td>red</td>
<td>red</td>
</tr>
<tr>
<td class="First">black</td>
<td>black</td>
<td>black</td>
<td>black</td>
<td>black</td>
<td>black</td>
</tr>
<tr>
<td class="First">black</td>
<td>black</td>
<td>black</td>
<td>black</td>
<td>black</td>
<td>black</td>
</tr>
</table>
</body>
</html>

预期输出:

expected output

IE7 输出:

IE7 output

Live example

在线浏览器预览测试

浏览

browserling http://tgmayfield.com/sandbox/ie7-adjacency/Browserling-thumbnail.png

Adobe 浏览器实验室

Browserlab http://tgmayfield.com/sandbox/ie7-adjacency/Browserlab-thumbnail.png

最佳答案

我能够使用 IE7 的真实安装来验证错误。无论出于何种原因,使用 IE7 的 IE9 浏览器模式都不会出现该错误。

我能够通过使用这个看起来很讨厌的 hack 来过滤掉有问题的 CSS:head ~/* */body

所以除 IE7 之外的所有浏览器都可以理解该 hack 中 body 声明之后的任何内容

head ~ /* */ body .t-grid .t-group-cell+td, head ~ /* */ body .t-grid .t-hierarchy-cell+td{border-left-width: 0}

关于css - 如何禁用导致 IE7 错误的 CSS 行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9541079/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com