CSS - あなたがこのページに行けばホバー状態

Question

上のdivの背景色を変更します。http://www.inventivewebdesign.com/renohifi/listings_portfolio/pass-labs-xa-160-8-monoblock-power-amps/

をおよび関連製品の下の下を見て、あなたは画像や商品タイトルのリストが表示されます。マウスを1つ上に置くと、イメージがグレー表示され、イメージの下の商品タイトルの周りに白いボックスが表示されます。私はこの白いボックスを消す必要があり、CSSで何が起こっているのかを知ることができません。

私は、次のCSSを試してみた：

.car-block a:hover >.car-block-bottom h2 { 
    background: rgb(0, 0, 92) none repeat scroll 0 0 !important; 
} 
.car-block, .car-block:hover, .car-block:hover .car-block-bottom { 
    background-color: rgb(0, 0, 92) !important; 
} 

.car-block .car-block-bottom h2 { 
    font-weight: bold; 
    font-size: 16px; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 2px; 
    color: #fff; 
    background-color: rgb(0, 0, 92) !important; 
} 

.car-block-bottom { 
    display: block; 
    padding: 6px 5px 10px; 
    text-align: center; 
    transition-duration: 0.2s; 
    transition-property: all; 
    background-color: rgb(0, 0, 92) !important; 
} 

任意の助けをいただければ幸いです。

Answer 1

あなたが持っているhttp://www.inventivewebdesign.com/renohifi/wp-content/themes/automotive-child/style.cssライン105で.car-block-bottom

.car-block, .car-block:hover, .car-block:hover .car-block-bottom.car-block-bottom { 
    background-color: rgb(0, 0, 92) !important; 
}