Firefox “我的网页”在自动更新到7.0后不呈现-文本溢出：省略号_Firefox

Firefox “我的网页”在自动更新到7.0后不呈现-文本溢出：省略号

firefox

Firefox “我的网页”在自动更新到7.0后不呈现-文本溢出：省略号,firefox,Firefox,今天我的浏览器更新到Firefox 7.0后，我的一些页面元素被替换为。。。（省略号）和项目的z索引都是混乱的我在3.6.2和6.0中尝试了相同的站点，它运行良好。一旦机器升级到7.0或8.0测试版，它现在的渲染时间就更长了，所以问题与firefox有关我制作了一个示例html页面来显示这个问题在上分区中，我希望图像显示在按钮us中，它在下分区中显示，但被替换为。。。。似乎是文字溢出：省略号；但是为什么在更新时会发生这种变化呢有人有什么建议吗 <!DOCTYPE html>

今天我的浏览器更新到Firefox 7.0后，我的一些页面元素被替换为。。。（省略号）和项目的z索引都是混乱的

我在3.6.2和6.0中尝试了相同的站点，它运行良好。一旦机器升级到7.0或8.0测试版，它现在的渲染时间就更长了，所以问题与firefox有关

我制作了一个示例html页面来显示这个问题

在上分区中，我希望图像显示在按钮us中，它在下分区中显示，但被替换为。。。。似乎是文字溢出：省略号；但是为什么在更新时会发生这种变化呢

有人有什么建议吗

<!DOCTYPE html>
<html>
<head>
<title>Infor DataGrid Sample </title>
<style>
   .slick-headerrow-column {
        background: #d5d5d5;
        border-bottom: 0 none;
        height: 100%;
        margin-left: 2px;
        padding-top: 2px;
    }
    .slick-headerrow-column, .slick-cell {
        cursor: default;
        float: left;
        overflow: hidden;
        padding: 3px;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        z-index: 1;
    }

    .inforFilterButton {
        background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAB0ElEQVQ4T62USWoCQRiF+wQeQZKt4MKVG68RSFAkS/EG3sBlFCdUslNxIYgLiVEQZwWHheKwMA444EIFPcCLr0gbDWgrpOFRXV1VX/31/r9Lkv770Wg0OofDMXa73fB6vfD7/QgEAkLBYPAm/cyf6A6PdICNfD4f4vE4stksCoUCyuUyKpXKzcpkMohGowiFQiPJ5XIhFoshn8+j0Wig0+mg1+thMBjcpVqthkQiAcnj8YA71Ot19Pt9jMdjLBYLoeVyeZM4dzqdCo7E4+ZyObTbbQFbrVbYbDZCFotFjMl9pZZ2SUxCsVhEt9vFfD7Her3GbrfDfr/HoQBgt9vFu5K4hr4LYKlUEr4xdEbBxZFIBFarFVqtVhEmb1atVn+B9O8UaDQakUwmoVarMZvNboJeBRLEnQmmz0pH5vhFIC0g0GazwWAwCOg14JvTJcYvAgmifzwypVKpLgIJe3oxnQOZTXrIlklhIhilHBWjJFjOvNzKMAKZ5WOErJ+/WVbyzB98F5FRzyazKLcjMJVK3QX8SH2ewUzmV/GnyMBhOBwWHX48LWylKDm+3W4xmUzQbDbRarWGkl6vfzzcEl+8bdLptLhtWPHc4B4R5nQ6H74BwAUeSLCHS8oAAAAASUVORK5CYII=");
        border: medium none;
        height: 16px;
        left: -3px;
        position: relative;
        top: 4px;
        width: 20px;
        z-index: 10;
    }
</style>
 </head>
 <body style="margin:10px;padding:10px">
<div class="ui-state-default slick-headerrow-column c2">
    <button class="inforFilterButton contains" style="top: -3px;" title="Contains" type="button">        </button>
</div>
<br>
<br>
<button class="inforFilterButton contains" style="top: -3px;" title="Contains" type="button"></button>
 </body></html>


InforDataGrid示例
.光头圆柱{
背景#d5d5d5；
边框底部：0无；
身高：100%；
左边距：2倍；
垫顶：2件；
}
.光头柱，.光头电池{
游标：默认值；
浮动：左；
溢出：隐藏；
填充：3倍；
文本溢出：省略号；
垂直对齐：中间对齐；
空白：nowrap；
z指数：1；
}
.信息过滤器按钮{
背景：url("数据：图像/png；Bas64，IBoBorW0KGGKGGGKKGGGBKKKKGAAAAAAAAAAAAAAAAAAAA数据数据：图像/巴巴巴巴巴巴巴巴新；Bas64，IBoBoBoRWKKGGGBKKKKKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB，AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVE4.在中国的一个城市，一个城市，一个城市，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区，一个社区一个社区，一个社区一个社区一个社区，一个社区一个社区，一个社区一个社区一个社区一个社区，一个社区一个社区，一个社区一个社区一个社区一个社区，一个社区一个社区一个社区一个社区一个社区一个社区，一个社区一个社区一个社区一个社区一个社区，WVby+/WVbyzB98F5FRzyazKLcjMJVK3QX8SH2ewUzmV/GnyMBhOBwWHX48LWylKDm+3W4xmUzQbDbRarWGkl6vfzzcEl+8BDLPLTHTWPHC4B4R5NQ6H74BWAUELCHS8OAAAAASUVORK5CYII=“”）；
边界：中等无；
高度：16px；
左：-3px；
位置：相对位置；
顶部：4px；
宽度：20px；
z指数：10；
}

Firefox 7是第一个实现

文本溢出：省略号的Firefox版本。它还实现了Firefox 7发布时规范所说的内容，即如果只提供一个值，则它适用于溢出容器的开始和结束侧。在您的情况下，按钮的位置使其溢出左侧容器的边缘，因此它们溢出并转换为椭圆
根据Firefox 7使用经验的反馈，该规范后来被修改为与IE最初实现的方式更兼容的行为。文本溢出：省略号
，但可能会有更多的变化。不稳定的规范的奇妙之处在于其编写与部署的浏览器行为不匹配…
下面这似乎在10年后得到了修复。