css - 偽類before/after中的圖片大小是不是不能設置的?
問題描述
#center_box:before{content:url(http://localhost/quding/photos/u14.png);position: absolute;width:1000px;height:200px;z-index: 100;top: -110px; }
隨我怎么調width,height都沒變化.
問題解答
回答1:你可以把圖片設為背景圖片,通過bakckground-size來設置大小
#center_box:before{ content:’’; background-image:url(http://localhost/quding/photos/u14.png); background-size:1000px 200px; position: absolute; width:1000px; height:200px; z-index: 100; top: -110px;}回答2:
:before /:after偽元素默認是一個行內元素,所以這個元素設置width/height是無效的就像你對a元素設置width/height一樣設置position: absolute;后這個元素的display屬性計算為block值;但是設置的width/height針對的是:before/:after生成的匿名替換元素,而不是其中的content所以圖片的大小是沒有效果的
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?4. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. javascript - nodejs關于進程間發送句柄的一點疑問7. 配置Apache時,添加對PHP的支持時語法錯誤8. 實現bing搜索工具urlAPI提交9. phpstudy8.1支持win11系統嗎?10. javascript - 移動端上不能實現拖拽布局嗎?

網公網安備