国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術(shù)文章
文章詳情頁

css - background-position截取圖片后會有個邊框去不掉

瀏覽:131日期:2023-01-29 14:14:05

問題描述

.srcImg{ position: absolute; background: url(/Users/ShareAnimation/Desktop/23456.png); background-repeat: no-repeat;/*設(shè)置及是否重復(fù)原圖,比如repeat-x表示在水平方向重復(fù)*/ width: 22px; height: 22px;/*根據(jù)定位的位置,然后選取一個width,height的矩形*/ left: 10px; top: 10px; cursor: pointer; /*光標(biāo)類型,這里為小手*/outline: none; /*變寬樣式,none表示無邊框*/ z-index: 1000; /*元素堆疊順序*/ background-position: -27px -200px; /*定位圖像某一位置*/}<img class='srcImg'>

我的樣式代碼是這樣的,截取后的效果圖如下:css - background-position截取圖片后會有個邊框去不掉

這個邊框我設(shè)置border:none,outline:none都沒有效果,這是為啥呢?

問題解答

回答1:

我也遇到過著個問題的,你要把圖片設(shè)置的boder屬性也要初始化一下.還有補(bǔ)充一點(diǎn),如果你圖片沒有插入,或者路徑出錯,它是會有那個邊框的,你設(shè)置boder:none也是毫無作用的(估計瀏覽器是為了占位吧),反正目前我所看到的圖片都有這樣一種情況,一些大網(wǎng)站的圖片加載錯誤的時候也是會有那個邊框的。你這里的圖片沒有src,用的是背景填圖的方式,瀏覽器默認(rèn)為你的img沒有src,這上面的一個方可有效http://bbs.csdn.net/topics/39...給你的img標(biāo)簽加上src,引入一個空白圖src='http://www.xcwljy.cn/images/pixel.gif',然后就解決了

回答2:

為什么不是這個圖里本身有一個border 呢

border: 0 !important;

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 赤峰市| 黔东| 黎川县| 南皮县| 开封县| 七台河市| 大城县| 乐陵市| 萨迦县| 株洲市| 达孜县| 宿州市| 龙江县| 台南市| 太保市| 柞水县| 京山县| 连平县| 淄博市| 舒兰市| 张掖市| 松阳县| 沙雅县| 建湖县| 彝良县| 南和县| 景洪市| 保靖县| 岢岚县| 平利县| 宝应县| 喀喇沁旗| 红原县| 八宿县| 南城县| 海盐县| 周口市| 永嘉县| 万宁市| 天台县| 宁明县|