从bootstrap中的img中删除填充

Question

我有一个img标签，周围有一个填充物。我使用bootstrap css。

请参阅我要删除的白色背景并使其变得透明。它已经是一个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>

Answer 1

这些图片可能是png格式，但我不认为它有透明背景，我认为这些图片有白色背景，并且还要确保包含这些图像的元素没有任何图像给出的背景css。因为如果它有任何背景，那么你的图像不会以透明的背景显示。

Answer 2

png格式没有保证透明度，而css填充不会添加不透明的边界框。 在某些图像编辑软件中打开这些文件并查看Alpha通道。 Gimp是一个非常强大，免费的选择。

您还可以在浏览器中使用css：在Chrome中使用设置＆gt;打开开发工具。更多工具＆gt;开发人员工具并“检查”您的DOM元素。