原文:background屬性怎么添加2個或多個背景圖

最近遇到一個需求,下面充值金額按鈕是一個背景圖,點擊之后顯示的狀態也是一個背景圖,如下圖 按照慣用的套路,新增一個class,點擊后的狀態直接寫在里面即可 然而點擊后,雖然狀態背景成功顯示出來,但按鈕背景卻消失了 此時,我突然想起background可以添加 個或多個背景,於是修改代碼后如下, 本以為大功告成,結果點擊后的狀態背景都無法顯示出來,我開始方了 思前想后,突然靈光一閃,難道是這 個背 ...

2019-09-25 15:44 0 1280 推薦指數:

查看詳情

css 背景(background)屬性背景圖定位

background屬性Background屬性是css中應用比較多,且比較重要的一個屬性,它是負責給盒子設置背景圖上和背景顏色的,background是一個復合屬性,它可以分解成如下幾個設置項: (1)background-color 設置背景顏色 ...

Sun Mar 31 09:47:00 CST 2019 0 6186
css設置全屏背景圖background-size 屬性

在寫主題樣式的時候經常會碰到用背景圖鋪滿整個背景的需求,這里分享下使用方法 需要的效果 圖片以背景的形式鋪滿整個屏幕,不留空白區域 保持圖像的縱橫比(圖片不變形) 圖片居中 不出現滾動條 多瀏覽器支持 以圖片bg.jpg為例,最簡單,最高效的方法 css3.0 ...

Sat Jul 18 00:48:00 CST 2020 0 756
css設置全屏背景圖background-size 屬性

在寫主題樣式的時候經常會碰到用背景圖鋪滿整個背景的需求,這里分享下使用方法 需要的效果 圖片以背景的形式鋪滿整個屏幕,不留空白區域 保持圖像的縱橫比(圖片不變形) 圖片居中 不出現滾動條 多瀏覽器支持 以圖片bg.jpg為例 最簡單,最高效的方法 CSS3.0 ...

Sat Oct 12 18:13:00 CST 2019 0 1012
css如何設置背景圖片?background屬性添加背景圖

在前端開發過程中,為了頁面的美觀,往往都會給html頁面添加背景圖片。那么如何利用css設置html中用圖片做背景?本章就給大家介紹css怎樣設置背景圖片。有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。 css怎樣設置背景圖片?下面看看background可以設置的屬性 ...

Fri Oct 16 18:12:00 CST 2020 0 2565
CSS 背景圖background屬性簡寫

background屬性簡寫 background屬性可以像margin padding屬性一樣,有簡寫方法,它的簡寫順序是: background-color background-image background-repeat background ...

Thu Apr 25 23:30:00 CST 2019 0 1304
通過css使用background-color為背景圖添加遮罩效果

一個div同時設置background-color和background-image的話,color是處於img層下方的,無法實現遮罩效果,所以需要再創建一個div作為其子div,然后設置子div的背景顏色,介紹兩種方法: 第一種,代碼如下: 第二種,通過after偽元素設置 ...

Thu Jul 12 22:10:00 CST 2018 0 5761
VSCode添加背景圖

1.打開該文件 2.截圖如下 3.拷貝代碼: 4.效果截圖 ...

Fri Nov 01 03:30:00 CST 2019 0 362
PS 摳添加背景圖

1.打開需要摳的--然后使用套索類工具,魔棒類工具,鋼筆類工具均可選擇需要扣的圖片范圍任何在Delete(如果摳反了可以進行反選Ctrl +shift+I) 2.然后把任一一張背景圖直接拖到PS里面,把背景圖放在圖片下方(如果想調整圖片或者背景圖,點擊選中右下角圖層中對應的圖層 ...

Fri Aug 17 18:35:00 CST 2018 0 721
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM