CSS布局實(shí)例：隱藏input文字_DIV+CSS實(shí)例
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
我們來(lái)看下面的代碼，成功的實(shí)現(xiàn)了隱藏input 文字。但分為三種情況，我們?cè)诤竺孢M(jìn)行分析。
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們需要非凡注重的是下面的代碼：
我們看下面的分析：
第一種方法
在opera上有問(wèn)題
第二種方法
假如這個(gè)值太小了在opera上文字還是可見(jiàn)，所以設(shè)置大一些就沒(méi)問(wèn)題了，但FF中又會(huì)出現(xiàn)把高度撐大的現(xiàn)象；
第三種方法
這種方法應(yīng)該說(shuō)是兼容性最好的
FF有點(diǎn)bt.在padding的時(shí)候，IE，OPEAR的高度與寬度都不變，就FF變。
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們需要非凡注重的是下面的代碼：
示例代碼 [www.hl5o.cn]
input {
margin:5px 0;
width:200px;
height:20px;
display:block;
overflow:hidden;
background:#f9f9f9;
border:1px solid orange;
}
margin:5px 0;
width:200px;
height:20px;
display:block;
overflow:hidden;
background:#f9f9f9;
border:1px solid orange;
}
我們看下面的分析：
第一種方法
示例代碼 [www.hl5o.cn]
input.a {
ie:expression(bb.value="提交");
text-indent:-200em;
}
ie:expression(bb.value="提交");
text-indent:-200em;
}
在opera上有問(wèn)題
第二種方法
示例代碼 [www.hl5o.cn]
input.b {
padding-top:20px;
}
padding-top:20px;
}
假如這個(gè)值太小了在opera上文字還是可見(jiàn)，所以設(shè)置大一些就沒(méi)問(wèn)題了，但FF中又會(huì)出現(xiàn)把高度撐大的現(xiàn)象；
第三種方法
示例代碼 [www.hl5o.cn]
input.c {
font-size:100em
}
font-size:100em
}
這種方法應(yīng)該說(shuō)是兼容性最好的
FF有點(diǎn)bt.在padding的時(shí)候，IE，OPEAR的高度與寬度都不變，就FF變。
相關(guān)DIV+CSS實(shí)例：
- 固定div容器的寬高，圖片居中（圖片不限制大�。�
- 用css制作有滾動(dòng)條的居中彈出框
- 鼠標(biāo)指住(hover)變色的按鈕演示demo
- 10個(gè)很酷的涂鴉風(fēng)格國(guó)外網(wǎng)店設(shè)計(jì)展示
- jquery模擬瀏覽器滾動(dòng)條效果
- 仿谷歌google的搜索框下拉提示列表效果
- JS顯示網(wǎng)頁(yè)最后更新時(shí)間
- CSS技巧：text-indent隱藏文字(以圖換字)
- CSS實(shí)例：三列自適應(yīng)等高且中列寬度自適應(yīng)
- DivCSS布局實(shí)例：很實(shí)用的圖文混排CSS列表-富有語(yǔ)義
- DivCSS實(shí)例：CSS菜單Flash效果用圖片模擬實(shí)現(xiàn)
- DivCSS布局實(shí)例用dldtdd來(lái)制作列表
DIV+CSS實(shí)例Rss訂閱Div+Css教程搜索
DIV+CSS實(shí)例推薦
- 用css網(wǎng)站布局之十步實(shí)錄！(四)
- CSS導(dǎo)航菜單：仿淘寶首頁(yè)導(dǎo)航條布局效果
- 用背景圖片實(shí)現(xiàn)CSS柱狀圖表一例
- CSS布局實(shí)例：一個(gè)不錯(cuò)的表格樣式
- 用css制作有滾動(dòng)條的居中彈出框
- DIVCSS菜單：黑白灰?guī)в嘘幱靶Ч腃SS橫向菜單
- CSS基礎(chǔ)實(shí)例：CSS實(shí)現(xiàn)帶背景圖片的文字鏈接的方法
- CSS實(shí)例：非常不錯(cuò)的鼠標(biāo)懸停TIP效果！
- 固定div容器的寬高，圖片居中（圖片不限制大�。�
- CSS背景圖片background-image須注意路徑問(wèn)題！
- 相關(guān)鏈接：
- 教程說(shuō)明：
DIV+CSS實(shí)例-CSS布局實(shí)例：隱藏input文字
。