PNGをリンクとして使用すると透明度が失われます

StackOverflow https://stackoverflow.com/questions/1623443

  •  06-07-2019
  •  | 
  •  

質問

CSSでスタイル設定されたテーブルの上に画像があります。 hrefを使用せずにテーブルに画像を配置すると問題ありません。hrefを適用すると、透明度が機能しなくなります。これを回避する方法はありますか

テーブルcss 

table.list_data {
background-color:#F3F3F3;
border:1px outset #A1A1A1;
border-collapse:collapse;
border-spacing:2px;
font-family:'MS Shell Dlg';
font-size:13px;
font-style:normal;
font-variant:normal; 
font-weight:normal;
width:100%;
}

ChromeとFFで発生し、IEを試したことはありませんが、同じことを期待しています。

html ..... 

<td><a href="javascript:loadContent('#action','addjob.php?id=31');"><img alt="Add A job" src="images/add.png"/></a></td></tr><tr><td>joe bloggs</td>
役に立ちましたか？

解決

次を追加してみてください：

a{
  background: transparent !important;
}
a img{
  background: transparent !important;
}

これは本番サイトで行うのはあまり良い考えではありません。これは、CSSコードに何か問題があることを示しています。 cssを調べて、アンカータグの背景が不透明になる原因を見つけてください。

他のヒント

コードがどのようであっても透明なPNGを確実に使用する場合は、TweakPNGを使用します。

http://entropymine.com/jason/tweakpng/

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top