国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS教程:容器定位

2024-07-11 08:21:17
字體:
來源:轉載
供稿:網(wǎng)友

原文:http://www.linxz.cn/blog2/article.asp?id=140

很神奇的一個晚上,居然在以前老同事的群里跟同事討論起css的東西來了,不過很意外的還是有收獲。在ie中常常會碰到如果將容器定位后,出現(xiàn)容器內(nèi)的文字不可選擇(測試的時候主要用帶連接的文字)。

xhtml結構:

<div>
<a href="#">定位后無法選擇容器的內(nèi)容解決方案</a>
</div>

css樣式:

div {
    position:absolute;
    top:100px;
    left:100px;
    width:200px;
    height:200px;
    border:1px solid red
    }

html代碼:

運行代碼框

[ctrl+a 全部選擇 提示:你可先修改部分代碼,再按運行]

請在ie中測試上面的代碼,你會發(fā)現(xiàn)文字是無法選擇的。

當時我想到的方法是在<a href="#">定位后無法選擇容器的內(nèi)容解決方案</a>后面加上一個 空格來引發(fā)這個選擇,不過這樣的話就多了一個字符,不是很好。

然后想到了在藍色理想論壇中的一個帖子里有提到這個問題,在“[教程] web標準常見問題集合[不斷更新]”這個帖子的第五個問題提到的解決方法是

引用內(nèi)容
上面的問題在ie6、7中存在,解決問題的辦法是讓ie進入到quirks mode。關于quirks mode的相關知識,請參考:http://www.microsoft.com/china/msdn/library/webservices/asp.net/
aspnetusstan.mspx?mfr=true
aoao:在ie6版本是6.0.2900.2180.xpsp_sp2.gdr.070227-2254好像依然存在問題,加了背景色依然無效。接著測試中。。。

但根據(jù)aoao說的在ie6版本是6.0.2900.2180.xpsp_sp2.gdr.070227-2254好像依然存在問題,加了背景色依然無效。,但我在ie6綠色版中測試后可行,ie7中也可以,如果哪位朋友是用這個版本的ie6的可以試一下

html代碼:

運行代碼框

[ctrl+a 全部選擇 提示:你可先修改部分代碼,再按運行]

至于讓使用ie的怪異模式的話,測試過,可行,但這樣的話,就是對盒模型計算方式就不一樣了,如果不習慣用怪異模式的同學要考慮一下。

后來,老同事“表哥”發(fā)了一個網(wǎng)址,是老外的,上面介紹的方法是通過

html, body{
width:100%;
height:100%;
margin:0px;
padding:0px;
}

來解決問題
參考:http://www.webmasterworld.com/forum83/6565.htm

后來測試,只要保留height:100%就可以了。

html代碼:

運行代碼框

[ctrl+a 全部選擇 提示:你可先修改部分代碼,再按運行]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 交城县| 沅陵县| 三亚市| 景东| 玉林市| 汤原县| 武冈市| 和田县| 平利县| 阜南县| 绍兴市| 连南| 新宾| 兰州市| 四会市| 台州市| 梅河口市| 万源市| 全椒县| 太原市| 张家界市| 民乐县| 灵山县| 岳阳县| 沂源县| 仪征市| 昌图县| 呼伦贝尔市| 莱阳市| 宁远县| 四子王旗| 榆树市| 孟连| 孝感市| 华安县| 同心县| 策勒县| 尉犁县| 洱源县| 彰化市| 文安县|