テーブルの白い背景を削除するにはどうすればよいですか？ Foundation Rails

Question

私の問題は、Rubyのレールで作成された私のプロジェクトに基礎レールを追加したことです。小さなテーブルを作成したいのですが、このテーブルを作成すると白い背景が作成されます。無色の背景なしで私のテーブルを透明にする。

クラスを配置してプロパティを割り当てようとしましたが、機能しません。直接スタイルを追加しても、クッキーを削除しても色は変わらず、サイズを変更するだけです。

ファイルの.css

.tabla { 
    width:80%; 
    height: 80%; 
    background-color:transparent; 
} 

ファイル

<table border="2" class="tabla"> 
    <tr> 
    <td>Film Affinity</td> 
    <td><%= image_tag "film_affinity.png",:class=>"imagenPie"%></td> 
    </tr> 
    <tr> 
    <td>IMDB</td> 
    <td><%= image_tag "imdb.png",:class=>"imagenPie"%></td> 
    </tr> 
    <tr> 
    <td>Sensa Cine</td> 
    <td><%= image_tag "sensacine.png",:class=>"imagenPie"%></td> 
    </tr> 

</table> 

Answer 1

デフォルトでは、ファンタジーは、他のすべての行に対してセレクタ：table thead, table tbody, table tfootおよびtable tbody tr:nth-child(even)を使用して背景色を設定します。

https://github.com/zurb/foundation-rails/blob/master/vendor/assets/scss/components/_table.scss

---

透明背景色持っているすべての行を設定する必要があり、次のCSS：！

table tbody tr:nth-child(even), table tbody { 
    background-color:transparent; 
} 

Answer 2

.html.erbそれは私にはOKらしいです。おそらくあなたの.tabla CSSを上書きしている他のルールがあります。あなたは!importantを追加し、それはそれを修正するかどうかを確認しようとすることがあります。

.tabla { 
    width:80%; 
    height: 80%; 
    background-color: transparent !important; 
} 

そうでない場合は、色がtableからではなくtdかtrと来るかもしれません。 !importantを使用すると、通常bad practiceであることを

.tabla tr, .tabla td { 
    background-color: transparent; 
} 

注：その場合は、次のルールを追加します。その句を使用する代わりに、あなたのcssコードを検索してきれいにしてみてください。

また、表のborder属性はdeprecated nowです。代わりにbordercss propertyを使用してください。