CSSのオーバーレイ要素ではない目に見えない

Question

参照： http://schhh.dk/frivilligraadet/

下部に動画とボックスとして表示され、IE8で、以下のとおりです。

私は実際にjsfiddleを作ってみましたが、ここではありませんがあります問題： http://jsfiddle.net/q5T8Y/7/

.view-youtube-videoer .views-field-field-video .ytb-play { 
    position: absolute; 
    display: block; 
    width: 230px; 
    height: 128px; 
    background: transparent url('http://schhh.dk/frivilligraadet/sites/all/themes/frivilligraadet/images/play.png') no-repeat 50% 50%; 
    opacity: 0.7; 
    filter:alpha(opacity=70); 
} 

Answer 1

にです：あるべきあなたのケースの幅にspan.ytbビデオ のための「ディスプレイのブロックを」230px

http://screencast.com/t/U2QPWvszGN

Answer 2

は、透明性、私は怖いIEの問題です。このリンクで構成やヒントがあなたを助けることができます：あなたは、「幅」と設定する必要があるためhttp://www.jacklmoore.com/notes/ie-transparency-problems

Answer 3

devツールで見ると、何らかの理由でフィルタルールと幅ルールが1つに統合されています。セミコロンで区切られていても（スクリーンショットを参照）、組み合わせが「壊れている」可能性があります。これは要素が幅を持たない理由です。

CSSから、IE8がこのように解釈している理由をすぐにはわかりません。ファイル内で連続していないこともあります。たぶん、それらを並べ替えて、違いがあるかどうかを確認してみてください。とにかくIE8の方が良いバージョンである

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 

に変更してください。