2013-02-12 30 views
-3

我想通過關注文本輸入來顯示單詞「測試」。 (當文本輸入變得焦點z-index的文本更改爲0) 但它沒有工作。 (使用CSS) 我的代碼就在這裏:通過關注輸入更改跨度風格

.text{ 
     position: absolute; 
     z-index: -1; 

    } 
    .main{ 
     background: #ababab; 
    } 
    .input-textbox input:focus + span { 
     z-index: 0; 
    } 
<div class="main"> 
    <div class="textbox"> 
     <input type="text" class="input-textbox"> 
     <span class="text">test</span> 
    </div> 
</div> 
+0

你的問題有點粗魯,因爲它看起來像你沒有在文中付出太多的努力。請有禮貌,把一些工作放在語法,拼寫和interpunction(少驚歎號會很好)。另外,要更具體地說明你的問題,並告訴我們你的嘗試。所有這些都將有助於您的問題得到很好的解答。請注意,您可以隨時編輯您的問題以改進它。 – Jeroen 2013-02-12 10:45:09

回答

0

錯誤的選擇,切換到以下

.input-textbox:focus + span { 
    z-index: 0; 
} 

這裏是demo

+0

工作正常! 非常感謝!!!!! – mehran 2013-02-12 11:01:29

0

嘗試這樣的選擇?

input.input-textbox:focus + span { 
     z-index: 0; 
} 
+0

不,它沒有工作! – mehran 2013-02-12 11:08:17