CSS元素的顯示和隱藏

remcarpediem 發(fā)布于2019-08-30 13:10 / 1289人閱讀

摘要：的占位存在，即通過(guò)能夠找到，但是圖片的背景圖卻始終顯示不出來(lái)。自己研究了好長(zhǎng)時(shí)間才發(fā)現(xiàn)問(wèn)題的所在，總結(jié)思考一下正確的分析問(wèn)題的思路控制元素顯示和隱藏的屬性。調(diào)整的值查看是否能正常顯示。

DIV的占位存在，即通過(guò)Chrome能夠找到DIV，但是圖片的背景圖卻始終顯示不出來(lái)。自己研究了好長(zhǎng)時(shí)間才發(fā)現(xiàn)問(wèn)題的所在，總結(jié)思考一下正確的分析問(wèn)題的思路

控制元素顯示和隱藏的屬性。但跟這個(gè)屬性沒(méi)有關(guān)系，該屬性的元素不會(huì)有占位

display: none;

背景圖是否存在，如果是雪碧圖的話(huà)，指定的位置是否正確。

background-position: -403px -164px;
height: 28px;
width: 76px;

是否存在多個(gè)層，而正好你的DIV處于底層。調(diào)整z-index的值查看是否能正常顯示。

z-index: -100;

查看是否父類(lèi)設(shè)置了overflow屬性，當(dāng)規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生。

overflow:scroll;

云服務(wù)器 GPU云服務(wù)器 js實(shí)現(xiàn)元素隱藏顯示顯示和隱藏div 怎么把隱藏的文件顯示出來(lái) 隱藏元素

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/115360.html

相關(guān)文章

【CSS】CSS 世界 -- 元素的顯示與隱藏學(xué)習(xí)總結(jié)

摘要：應(yīng)用場(chǎng)景用戶(hù)上傳頭像，實(shí)時(shí)顯示并裁減實(shí)現(xiàn)方式模塊外部容器設(shè)置，剪裁區(qū)域里面放一個(gè)加載效果，設(shè)置。圖片尺寸獲取成功后，再正常初始化，然后讓外部容器屬性重置為。這樣體驗(yàn)就會(huì)好很多，用戶(hù)只會(huì)看到加載中剪裁界面，而不是占位界面加載中最終操作界面。一、Display 幾種隱藏方式 1、希望元素不可見(jiàn)、不占據(jù)空間、輔助設(shè)備無(wú)法訪問(wèn)、不渲染使用標(biāo)簽：

wyk1184 2019-08-29 17:20 評(píng)論0 收藏0
【CSS】隱藏元素總結(jié)

摘要：本文旨在加深對(duì)隱藏元素方法的理解，資料均來(lái)源于網(wǎng)絡(luò)，文章結(jié)尾附有參考鏈接。如果祖先元素設(shè)置了該樣式，該元素及其子孫元素都將隱藏，并且沒(méi)有其它讓其子孫元素恢復(fù)顯示的辦法。四和組合溢出隱藏，也就是說(shuō)盒子以外的元素都會(huì)隱藏掉。本文旨在加深對(duì)css隱藏元素方法的理解，資料均來(lái)源于網(wǎng)絡(luò)，文章結(jié)尾附有參考鏈接。一、CSS中隱藏元素的常用方法有以下幾種： 1. {display: none; /...

testbird 2019-08-30 12:56 評(píng)論0 收藏0
【靜態(tài)頁(yè)面架構(gòu)】CSS之顯示與溢出

摘要：架構(gòu)顯示與溢出顯示屬性以設(shè)置隱藏效果和元素類(lèi)型設(shè)置當(dāng)前元素為隱藏效果這種方式將元素設(shè)置為隱藏后，該元素不會(huì)再占有頁(yè)面空間通過(guò)屬性將元素顯示將元素設(shè)置為塊級(jí)元素將元素設(shè)置為內(nèi)聯(lián)元素將元素設(shè)置為行內(nèi)元素屬性以設(shè)置，元素顯示或隱藏 CSS架構(gòu) 顯示與溢出； 1.顯示； display屬性；以display設(shè)置隱藏效果和元素類(lèi)型 div { widt...

tolerious 2019-08-29 16:34 評(píng)論0 收藏0
《CSS世界》筆記五：CSS層疊規(guī)則及元素隱藏

摘要：元素層疊順序補(bǔ)充說(shuō)明位于最下面的特指層疊上下文元素后面會(huì)詳解的邊框和背景色。界中可能有其他的層疊結(jié)界，而自身也可能處于其他層疊結(jié)界中。上一篇：《CSS世界》筆記四：流的保護(hù)與破壞寫(xiě)在前面《CSS世界》這本書(shū)還剩六章，但是這本書(shū)的精華部分主要是前面的內(nèi)容，這里僅把后面章節(jié)相對(duì)重要的內(nèi)容以博客展示，想著了解更多的小伙伴還是去閱讀原文的好，畢竟三百多頁(yè)的一本書(shū)并不是小小幾篇博客能完全說(shuō)...

godruoyi 2019-08-29 16:21 評(píng)論0 收藏0
（CSS）不同瀏覽器對(duì)table中visibility屬性顯示的不同

摘要：本文舉例說(shuō)明在不同瀏覽器對(duì)中屬性顯示的不同。一代碼二不同瀏覽器的表示選取了分別測(cè)試，下文所有圖片從左至右順序均如前所述。若使不同瀏覽器顯示相同結(jié)果，可對(duì)或設(shè)置。我并沒(méi)有找到產(chǎn)生上述結(jié)果的原因，只能認(rèn)為是不同瀏覽器處理結(jié)果的不同。本文舉例說(shuō)明在不同瀏覽器對(duì)table中visibility屬性顯示的不同。一、HTML代碼 th th ...

Lsnsh 2019-08-30 13:04 評(píng)論0 收藏0