当前位置: 首页 > 面试题库 >

Firefox中未显示边框,表格,位置:边框上的相对折叠或单元格上的背景颜色

孟和怡
2023-03-14
问题内容

考虑以下HTML:

<html>

<head>

    <style>

        TABLE.data TD.priceCell

        {

            background-color: #EEE;

            text-align: center;

            color: #000;

        }



        div.datagrid table

        {

            border-collapse: collapse;

        }



        div.datagrid table tbody

        {

            position: relative;

        }

    </style>

</head>

<body>

    <div id="contents" class="datagrid">

        <table class="data" id="tableHeader">

            <thead>

                <tr class="fixed-row">

                    <th>Product</th>

                    <th class="HeaderBlueWeekDay">Price</th>

                    <th class="HeaderBlueWeekDay">Discount</th>

                </tr>

            </thead>

            <tbody>

                <tr style="font-style: italic;">

                    <td>Keyboard</td>

                    <td class="priceCell">20</td>

                    <td style="border-right: #3D84FF 1px solid; border-left: #3D84FF 1px solid;" class="priceCell">2</td>

                </tr>

            </tbody>

        </table>

    </div>

</body>

</html>

请注意,最后一个单元格的内联样式具有左右边框。您(或至少是我)希望看到它。在IE中,就是这种情况。但是在Firefox(6)中却不是。您可以通过以下方法解决此问题:

  • div.datagrid table tbody在CSS中移除相对位置
  • 在CSS中更改div.datagrid table tbodydiv.datagrid table
  • 在CSS中删除background-colorontable.data td.priceCell
  • 在CSS中删除border-collapseondiv.datagrid table

这是我们代码的简化版本;我们也解决了它(选择选项2)。但是我想知道的是:

  • 这是Firefox中的错误吗?
  • 这是IE中的错误吗?

特别是:当CSS保持原样时,Firefox不显示边框的原因是什么?


问题答案:

在我看来,这似乎是一个Firefox错误。背景画在边界上。如果使用半透明的背景色,则可以看到它。

我提交了https://bugzilla.mozilla.org/show_bug.cgi?id=688556



 类似资料:
  • 问题内容: 我想在表格中某个字段的上方放置一条线,以表明它是上述值的总和。但是,该表默认情况下已经带有边框。 这是一个示例:我有一张折叠了边框的桌子。我将边框底部设置在一个字段上,将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的? 这显示了两个单元格之间有一条红线。有办法获得金线吗? 问题答案: 这是的已定义行为。《 O’Reilly CS

  • 对于某些表格单元格,我希望有一个多色的上边框或下边框。 基于如何创建多色边框与css和css-多色边框,我能够创建多色边框。 问题是,我想将其组合为一个表格单元格,其中一些单元格具有普通边框,而另一些单元格具有多色边框。 下面的代码设置单元格的多色,但只要我想为“普通”单元格添加黑色边框,它就会覆盖多色边框(请参见代码笔) 这似乎使它部分起作用,必须为表格设置背景颜色。但这会导致粗边框线。 能做些

  • border(int $borderStyle): \Vtiful\Kernel\Format 示例 $config = [ 'path' => './tests' ]; ​ $fileObject = new \Vtiful\Kernel\Excel($config); ​ $fileObject = $fileObject->fileName('tutorial.xlsx'); $f

  • 问题内容: 我的半径div带有5px虚线边框,但边框在中无法正确显示。它在IE和chrome中显示良好。 问题答案: 您的边界在Firefox上运行,请参见DEMO您可以删除半径来检查它。当您尝试用虚线边框画圈时,FireFox出现错误。 这是一个已知的错误。您的选择是: 如果只是为了画圆,请用绘制,例如此处所示 使用SVG(可能是内联),它支持多种描边路径的方式 制作图片PNG

  • 我在窗口中尝试了相同的代码,它工作正常,但在mac GUI按钮不显示边框和背景颜色的效果。例如。btnc=按钮(root,padx=28,pady=15,bd=5,fg=“黑色”,字体=。(“arial”,30,“粗体”),文本=“C”,bg上面一行代码bg和bd中的格(行=1,列=3)不工作。

  • 问题内容: 我有我的自定义单元格渲染器,想删除单元格的边框。 我该怎么做?我试过setBorder,但是不起作用。 这是我的渲染器代码: 问题答案: 单元格之间绘制的线不是单元格本身的一部分。它们是由桌子绘制的。您可以使用以下方法在整个表格中将其关闭: 要仅禁用水平或垂直线: 或者,您可以使用以下方法更改线条的颜色: