發文章
發文工具
撰寫
網文摘手
文檔
視頻
思維導圖
隨筆
相冊
原創同步助手
其他工具
圖片轉文字
文件清理
AI助手
留言交流
想這幾一個選項卡,想要的效果如下
可是在IE6中當前選項卡的底邊框不會蓋住父級元素的底邊框,網上說父級元素要出發haslaytout,試了都不行,最后在選項卡元素中同時設置 margin-bottom:-1px; position:relative; 這樣才解決問題。
這里要注意的是:選項卡元素的高度必須必父級元素高度大1px。
我的代碼如下:
<ul class="tabs"> <li class="tab cur"><a href="?id=435">?????? ???????</a></li> <li class="tab "><a href="?id=434">????????????</a></li> </ul>
ul.tabs{display:block; padding:0 10px 0 0; margin:25px 0 0 0; height:35px; border-bottom:solid 1px #ccc; line-height:35px;} ul.tabs li{display:block; float:right; padding:0 10px; margin:0; list-style:none;} ul.tabs li.cur{ border:solid 1px #ccc; border-bottom-color:#fff; background-color:#fff; height:34px; margin-bottom:-1px; position:relative;}
來自: 昵稱10504424 > 《工作》
0條評論
發表
請遵守用戶 評論公約
瀏覽器默認樣式
瀏覽器默認樣式瀏覽器默認樣式。/* 清除非IE瀏覽器頁邊距 */margin:0; /* 清除IE瀏覽器頁邊距 */}4、列表樣式 IE默認為左縮進40px,通過ul、ol的margin屬性設置。FF默認為左縮進40px,通過ul、ol的pad...
IE6雙倍margin問題
IE6雙倍margin問題。IE6出現雙倍margin的情況:浮動,且margin方向與浮動方向相同。margin-left:10px;<ul><li><a href=”#”>雙倍margin問題</a></li><li><a h...
總結
總結1. 在 IE 6 中,元素浮動中,如果元素需要寬度進行撐開解決 需要給里面的塊元素都添加浮動才可以。解決 zoom: 1;5. (雙邊距bug)在 IE 6 下,塊元素有浮動并且橫向的時候有 margin 的時候,橫...
復選框單選框與文字對齊問題的研究與解決
1.以vertical-align:text-bottom為基礎的css代碼如下:vertical-align:text-bottom; margin-bottom:2px; *margin-bottom:-2px;css代碼如下:vertical-align:text-bottom; margin-bottom:2px; margin-bo...
兼容性問題
代碼:<style>#wrapper { width: 120px; } /* FireFox */*html #wrapper { width: 80px;} /* ie6 fixed */* html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */</style>第一個兼容,...
全屏海報輪播代碼與使用方法分享
DIV+CSS 常用代碼大全
border: 1px solid #FF0000 邊線 1px是寬度;圖片樣式.yjcs_biao_images li{ width:128px; height:100px; float:left;margin:0 0 20px 14px; text-align:center;}.yjcs_biao_images img{ widt...
404頁面代碼,稍做修改就能用!
PADDING-TOP: 0px}.show13 {PADDING-RIGHT: 0px;PADDING-TOP: 0px}.show12 A { BORDER-RIGHT: #bfdeed 1px solid;HEIGHT: 16px}.show13 A { BORDER-RIGHT: #bfdeed 1px solid;HEIGHT: 16px}.show12 A:h...
CSS display:table-cell的應用IE6/7實現
CSS display:table-cell的應用IE6/7實現一、 display:table-cell屬性簡述。與 其他一些display屬性類似,table-cell同樣會被其他一些CSS...
微信掃碼,在手機上查看選中內容