ブートストラップでimgからパディングを削除します

-1

私はそれのまわりにパディングを持つimgタグを持っています。私はブートストラップCSSを使用します。ブートストラップでimgからパディングを削除します

私はそれを削除して透明にしたい白い背景を見てください。その既にPNG形式でので、私は、コンテナの画像の周りにいくつかのパディング

コード

使用bootstrap.min.js

<div class="container-fluid bg-3 text-center no-padding"> 

    <div class="row"> 
     <div class="col-md-15 padding-0"> 

      <a href="https://keoic.sharepoint.com/sites/General/Community%20Portal/HR/SitePages/Welcome.aspx"> <img src="https://keoic.sharepoint.com/sites/General/Community%20Portal/HR/SiteAssets/icons/StartHere.png" alt="Image"></a> 
      <p style="color: #07ac8d;font-size:13px">Start Here!</p> 

     </div>

出典

2016-11-24 Rinu

私はあなたを得ていませんでしたか？ –

明確化していくつかのコードを追加してください... –

PNG形式がないのがあると考えていますガジェット透明度、CSSパディングは不透明なバウンディングボックスを追加しません。一部の画像編集ソフトウェアでこれらのファイルを開き、アルファチャンネルをチェックアウトします。 Gimpは非常に堅牢で無料のオプションです。

ブラウザでCSSで再生することもできます。Chromeでは、設定>その他のツール>開発者ツールを使用して開発ツールを開き、DOM要素を「検査」します。

出典

2016-11-24 05:14:49

CSSは透明です。私はPhotoshopでチェックして、.padding-0 {padding：0; }をコンテナに追加し、divを効果なしで使用します。 – Rinu

申し訳ありませんが、PNGは透明で – Rinu

ですが、リンクはまだ古くなっています – Rinu

これらの画像はpng形式であるかもしれませんが、透明な背景を持っていないと思います。これらの画像には白い背景があり、その画像を含む要素には背景がありません。何らかのバックグラウンドが与えられていれば、イメージは透明な背景で表示されないためです。

出典

2016-11-24 05:19:40

ブートストラップでimgからパディングを削除します

答えて

関連する問題