1
デザイナーがフッタの画像を送ってくれました（footer-logo.png）。画像は右側に弧を持ち、残りの部分は透明です。 HTMLコードにイメージを追加すると、白いピクセルが表示されますか？どうして ？イメージから白い色を削除するには？
そしてここに白い部分である：
<div class="copyright footer-copyright">
<div class="footer copy-content">
<div class="container-fluid bg-3 text-center">
<div class="row">
<div id="footer-main-1" class="col-sm-2"><img class="footer-logo" alt="example" /></div>
<div id="footer-main-2" class="col-sm-7">
<div class="row">
<div id="footer-title" class="col-sm-12"><span><b>Online store</b></span></div>
<div id="footer-par-1" class="col-sm-6"><em class="fa fa-map-marker"> </em>Headquarters: <span>Address Here</span></div>
<div id="footer-par-3" class="col-sm-3"><em class="fa fa-envelope"> </em>Email: <a style="color: #ffffff;" href="mailto:[email protected]om"><span>[email protected]</span></a></div>
<div id="footer-par-2" class="col-sm-3"><em class="fa fa-fax"> </em>Toll free: <a style="color: #ffffff;" href="tel://000000000">000000000</a></div>
</div>
</div>
<div id="footer-main-3" class="col-sm-3">
<div class="footer-paylink" style="float: right; width: auto;">
<div class="footer_links"><a class="fisrt" href="{{store url=""}}">Home</a><a href="/about-us">About Us</a><a class="last" href="/contact">Contact Us</a></div>
</div>
</div>
</div>
</div>
</div>
そして、ここではイメージのためとのCSSです：
コード画像を追加するために使用背景色：
.footer-logo{
content:url("path-to-image/footer-logo.png");
margin-right:20px;
}
.copyright{
padding:0px 0px ;
background: linear-gradient(to right, rgba(160,5,250,1) 1%, rgba(160,5,250,1) 6%, rgba(180,51,255,1) 24%, rgba(184,61,255,1) 47%, rgba(177,61,245,1) 68%, rgba(165,34,241,1) 79%, rgba(165,34,241,1) 100%) ;
}
白い画素を削除するにはどうすればいいですか？
photoshopを使用しますか？ – Hash
これはPhotoshopで透明です！ – Mohammad
白いボーダーが少しあります – Hash