1. 程式人生 > >定位fixed,使得可點選元素不可點選問題解決

定位fixed,使得可點選元素不可點選問題解決

使用bootstrap做標籤頁,左側欄需要自己加一點樣式,使得退出item要始終處於最下方,設定:

position:fixed; 

bottom:0;

問題直接就脫離了父元素,背景都沒有了,和其他元素中有空白,然後設定父元素:

position:fixed;

bottom:0;

top:0;

這樣是好了,樣式也統一了,可是各個item項卻不能點選了,

解決:父元素新增 z-index:1;

說明:我們都知道,元素之間有個層次問題,background屬性經常使用,體現層次關係

要使用標籤來使的元素位於最底層,就需要定位,fixed和absolute, 還有一個重要的屬性z-index.

例:<img src="test.png" style="position:absolute;width:100%;height:100%;z-index:-101;">

 可以達到background一樣的效果,

tip:當然,在設定background的時候,我們也要設定一些屬性才能讓他居於所有元素(兄弟元素)的下面,

相關推薦

定位fixed使得元素不可問題解決

使用bootstrap做標籤頁,左側欄需要自己加一點樣式,使得退出item要始終處於最下方,設定: position:fixed;  bottom:0; 問題直接就脫離了父元素,背景都沒有了,和其他元

js、jq和標籤裡面設定按鈕不可狀態

<button id="bt1" type="button">button</button> 1、js中設定按鈕可點選與不可點選,預設是可點選的 (1)設定按鈕不可點選 document.getElementById("bt1").disabled=ture;

Selenium webdriver報元素不可

初學者 用IDE錄製的內容,儲存成python指令碼,執行各種報錯,多數都是找不到元素或者元素不可點選之類的 目前分析有幾種原因: 1. 伺服器響應慢,元素還沒有顯示出來 2. 元素不在當前window或frame 對應解決辦法: 1. 設定等待,判斷元素是否存在 2.

使一個元素覆蓋在另外一個元素之上使得只能上面的元素

<div class="text_C"> <span style="font-size: 18px;color: black;" :class="item.status==2?'greenc':''"> {{item.statusS

selenium 元素可以定位但是無法問題

報錯: selenium.common.exceptions.WebDriverException: Message: Element is not clickable at point (82, 12). Other element would receive the

滑鼠多次任意元素css的hover失效的解決辦法

1.解決辦法:改為js的mouseenter和mouseleave事件; 2.原因:經定位,是滑鼠多次任意點選元素時,進入到了mouseleave事件中(滑鼠點選時是在元素上的,不應該進入mouseleave中),所以才導致了hover失效。 3.程式碼: <!DOCTYPE ht

安卓實現任意控制元件view拖拽並監聽拖拽和事件自動拉回螢幕邊緣

因為專案中有需要實現控制元件可任意拖拽的需求,所以簡單寫了個自定義OnTouchListener,以作拋磚引玉,歡迎大家提議反饋。 完整實現類如下,程式碼中有詳細註釋: 使用者可以決定是否開啟自動拖拽邊緣功能,可以監聽控制元件的拖拽和點選事件 public cl

問答《一百一十六》動態獲得元素內容關閉再...

問答《一百一十六》動態獲得元素內容,點選關閉再點選… 問題: 點選關閉再點選顯示的功能應該用什麼去寫 程式碼如下: /----------wxml------------/ <view class="container"> <

jquery 元素滾動條滾動至該元素位置

點選元素後,滾動條滾動至該元素位置: $('a.lead-link').bind('click', function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: $(this.

使用WebElements定位多個相似的元素比如頁面中存在五個單按鈕,他們有相同的class屬性值為:myRadio我們想對五個按鈕迴圈操作我們可以把它們全部取出來放到集合中然後做迴圈操作

webdriver提供了豐富的API,有多種定位策略:id,name,css選擇器,xpath等,其中css選擇器定位元素效率相比xpath要高些,使用id,name屬性定位元素是最可靠,效率最高的一種辦法。   1、工具選擇:在我們開發測試指令碼的過程中各個瀏覽器給

Android定位&地圖&導航——基於百度地圖實現自定義圖示繪製並時彈出泡泡

public class MainActivity extends Activity { private EditText txtAddr; // 定位相關 LocationClient mLocClient; LocationData locData = nul

jQuery元素獲取自定義屬性的值利用冒泡原理~

知識鋪墊: attr(“屬性名”); //獲取屬性的值(取得第一個匹配元素的屬性。通過這個方法可以方便的從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性,則返回undefined)

ionic之如何設定輸入框未輸入時按鈕不可有輸入值時按鈕自動變為

首先貼出演示結果: 那麼如何開發這種效果呢?用到了Angular.js中的ng-disabled屬性: 核心程式碼如下: HTML: //提現按鈕部分: <div class="button-standard-container"> <b

在子執行緒中使用runloop正確操作NSTimer計時的注意 三種方法

這篇文章是我的【iOS開發每日小筆記】系列中的一片,記錄的是今天在開發工作中遇到的,可以用很短的文章或很小的demo演示解釋出來的小心得小技巧。它們可能會給使用者體驗、程式碼效率得到一些提升,或是之前自己沒有接觸過的技術,很開心的學到了,放在這裡得瑟一下。其實,90%的作

UIScrollView+UIPageControl+NSTimer實現圖片的自動滑動以及使用者手動切換UIPageControl

作者太好了  原文連結http://blog.csdn.net/zhuiyi316/article/details/7756472      1.自動滑動圖片,UIPageControl會隨著圖片滑動而改變;      2.使用者可以手動切換圖片,左右

修改按鈕將alv某列的不可編輯狀態轉為編輯狀態

該例子是將YFKJE的欄位的不可編輯屬性修改為可編輯狀態,其實就是將fieldcat的fieldname為YFKJE即這一列,修改其EDIT屬性 LOOP AT fieldcat WHERE

js在父元素上添加擊事件怎麽阻止子元素繼承父元素擊事件?

!= fun 元素 spa clas urn else target click div.onclick = function(ev){ if(ev.target!=this) return; else { ... } }js在父元素

js勾checkbox按鈕

變色 訂單 blank http put box label ace submit 主要實現jquery方法,勾選checkbox後按鈕變色並且除去disabled $(function () { $(‘.pricing-box‘).click(fun

擊文字也選中相對應的單按鈕或復按鈕

選項 單選框 區別 表單 pre 選擇 cnblogs pla 根據 問題:點擊文字和點擊按鈕,選項框都能夠被選中 在用表單設計調查表時,為了減少用戶的操作,使用選擇框是一個好主意,在HTML的<input>標記中有兩種選擇框,即單選框和復選框,兩者的區別是單選

元素改變樣式又變回去來回變

idt body click nbsp 隱藏 sha gpo scrip bubuko 我們經常做的是點擊元素改變樣式,只是點擊一次,那麽如果點擊很多次呢,我們需要元素來回變化呢?這時候我們就用class名來改變,判斷是否有該class 啥都別說了,上代碼 <div