午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

css3 - 如何實現(xiàn) CSS 背景圖片相對右邊或者下邊定位

瀏覽:193日期:2023-08-09 15:39:56

問題描述

我們用 right 使背景圖片右對齊,當背景所在節(jié)點的寬度高度不是固定時,但我想讓他距離右邊 10px,距離下邊 10px,有沒有好的實現(xiàn)方法?CSS

.loading {background: url(loading.gif) right bottom no-repeat;}

HTML

<p class='box loading'>some text</p>

問題解答

回答1:

這個應該是直接操作盒子就好了吧,如果有內容的話直接設置盒子的padding-right和padding-bottom,然后讓圖片顯示在右下角就好了0_0....總的思想都是通過盒子控制背景的位置。

沒想到你的盒子里頭還有別的內容

.loading { /*box position*/ position:fixed; right:10px; bottom:10px; /*background*/ width:30px; height:30px; background:url(loading.gif) no-repeat; }回答2:

background 好像解決不了你的問題, 不知道你是否要兼容ie6, position:fixed; 這屬性ie6下是無效的。 如果需求不可更改的話我會給box加個相對定位,然后圖片放進去再絕對定位,這樣實現(xiàn)起來兼容性沒問題,也解決了這個問題。

回答3:

.loading { background-image: url(loading.gif); background-size: cover; background-repeat: no-repeat; background-position: -10px -10px;}

不過感覺這和圖片大小有很大關系,供參考吧

標簽: CSS
相關文章:
主站蜘蛛池模板: 久久亚洲区| 欧美国产精品一区二区 | 国产精品99久久久久久久女警 | 成人av在线资源 | 婷婷亚洲综合 | 亚洲欧美小视频 | 欧美日韩高清免费 | 国产黄色精品视频 | 久久五月天综合 | 国产成人麻豆精品午夜在线 | 91高跟黑色丝袜呻吟在线观看 | 免费一级片在线观看 | 亚洲国产精品综合 | 精品久久久一区 | 欧美日韩中文字幕一区二区三区 | 丁香婷婷色 | 一区二区三区在线看 | 久久久精品中文字幕 | 欧美黄色免费网站 | 久热精品在线视频 | 91精品中文字幕 | 亚洲一区在线视频 | 成人夜间视频 | 伊人亚洲综合 | 国产精品亚洲欧美 | 黄色小视频在线观看 | 亚洲网站免费 | 午夜精品免费视频 | 国产视频在线免费观看 | 国产亚洲精品自拍 | 激情黄页 | 国产三级av在线播放 | 中文字幕在线日亚洲9 | 男人的天堂视频在线观看 | 成人免费精品 | 久久一级精品 | 懂色av蜜臀av粉嫩av | 成人免费视频观看视频 | 黄视频在线免费看 | 国产精品第| 播五月婷婷 |