css - background-position截取图片后会有个边框去不掉

Question

.srcImg
        {
            position: absolute;
            background: url(/Users/ShareAnimation/Desktop/23456.png);
            background-repeat: no-repeat;/*设置及是否重复原图，比如repeat-x表示在水平方向重复*/
            width: 22px;
            height: 22px;/*根据定位的位置，然后选取一个width，height的矩形*/
            left: 10px;
            top: 10px;
            cursor: pointer; /*光标类型，这里为小手*/    
            outline: none;    /*变宽样式，none表示无边框*/
            z-index: 1000;    /*元素堆叠顺序*/
            background-position: -27px -200px;    /*定位图像某一位置*/
        }

<img  class="srcImg">

我的样式代码是这样的，截取后的效果图如下：

这个边框我设置border:none，outline:none都没有效果，这是为啥呢？

Answer 1

私もこの問題に遭遇しました。画像の境界線属性を初期化する必要があります。また、画像が挿入されていないか、パスが間違っている場合、その境界線は効果がありません。ブラウザはスペースを占有するだけだと思います） とにかく、私がこれまでに見た写真には、写真が正しく読み込まれないとそのような状況が発生することがあります。ここにある画像には src がなく、ブラウザのデフォルトでは画像に src がないため、上記の http://bbs.csdn.net/topics/ が有効です。 39...
img タグに src を追加し、空の画像 src="http://www.xcwljy.cn/images/pixel.gif" を導入すると、問題は解決します

Answer 2

1. この写真には枠線がないのはなぜですか?

2. border: 0 !important;