錶行的邊框隱藏在Firefox只有

我正在本網站使用Wordpress http://josedelavega.nowcommu.myhostpoint.ch/preise/錶行的邊框隱藏在Firefox只有

正如你可以看到這個頁面有一個價格表上。對於這張表我使用這個插件https://de.wordpress.org/plugins/table-maker/。在谷歌瀏覽器和Safari瀏覽器中一切正常，但如果您在Firefox上查看，則無法看到該行的邊框。

我可以通過CSS解決嗎？

來源

2015-12-02 Antonio_developer

能否包含它應該是什麼樣子的截圖？ – Xufox

從表 –

中刪除.wpsm-comptable類。轉到類'.story表，.defaultwp表，.contentaboutbox表'並移除屬性'border-collapse：collapse'，**在文件general.css中 - 第368行* *，它會解決你的問題。 –

正如我在我的問題的評論中所說，這是一個已知的Firefox錯誤。我可以想出一種方法來解決這個問題，使用背景剪輯。在你（插件）的CSS應該有這一部分：

.wpsm-comptable td { 
    -moz-border-bottom-colors: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    background: #fff none repeat scroll 0 0; 
    border-color: #e8e8e8; 
    border-image: none; 
    border-style: solid; 
    border-width: 0 1px 1px 0; 
    color: #111; 
    min-width: 120px; 
    position: relative; 
    vertical-align: middle; 
}

嘗試增加background-clip: padding-box這個選擇。這應該可以解決問題。

來源

2015-12-02 09:00:25 AVAVT

它的作品:)謝謝！ –

有對這個問題許多解決方案：從.story table, .defaultwp table, .contentaboutbox table

刪除border-collapse:collapse

如果你仍想保留邊界崩潰，那麼其他的選項將是：
將background-clip: padding-box添加到您的td元素。所以加

.defaultwp table, .contentaboutbox table td {background-clip: padding-box}

添加靜態位置TD

.defaultwp table, .contentaboutbox table td {position: static}

但是如果您在同一個td上使用像:: before或:: after之類的僞元素，position：static會將這些風格混淆。 background-clip：padding-box更安全

來源

2015-12-02 09:02:48 Sabari

錶行的邊框隱藏在Firefox只有

回答

相關問題