日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

IE6,IE7,IE8 css bug搜集及瀏覽器兼容性問題解決方法匯總( 二 )

云知道


8:IE下z-index的bug
在IE瀏覽器中，定位元素的z-index層級是相對于各自的父級容器，所以會導致z-index出現錯誤的表現 。解決方法是給其父級元素定義z-index，有些情況下還需要定義position:relative 。
9: Overflow Bug
在IE6/7中，overflow無法正確的隱藏有相對定位position:relative;的子元素 。解決方法就是給外包容器.wrap加上position:relative; 。
10: 橫向列表寬度bug
如果你使用float:left;把li橫向擺列，并且li內包含的a（或其他）觸發(fā)了 hasLayout，在IE6下就會有錯誤的表現 。
解決方法很簡單，只需要給a定義同樣的float:left;即可 。
11: 列表階梯bug
列表階梯bug通常會在給li的子元素a使用float:left;時觸發(fā)，我們本意是要做一個橫向的列表(通常 是導航欄)，但IE卻可能呈現出垂直的或者階梯狀 。
解決辦法就是給li定義float:left;而非子元素a，或者 給li定義display:inline;也可以解決 。
12: 垂直列表間隙bug
當我們使用li 包含一個塊級子元素時，IE6(IE7也有可能)會錯誤地給每條列表元素（li）之間添加空隙 。
解決方法：把aflaot并且清除float來解決這個問題；另外一個辦法就是觸發(fā)a的hasLayout（如定 義高寬、使用zoom:1;）；也可以給li 定義display:inline;來解決此問題；另外還有一個極有趣的方法，給包含的文本末尾添加一個空格 。
13: IE6調整窗口大小的 Bug
當把body居中放置，改變IE瀏覽器大小的時候，任何在body里面的相對定位元素都會固定不動了 。
解決辦法：給body定義position:relative;就行了 。
14: 文本重復Bug
在IE6中，一些隱藏的元素（如注釋、display:none;的元素）被包含在一個浮動元素里，就有可能引發(fā)文本重復bug 。
解決辦法：給浮動元素添加display:inline; 。
15：鏈接a的title屬性中的文字換行
我們都知道，可以給鏈接a加上title屬性，這樣鼠標移動上去會顯示title屬性定義的 文字，常常用來加一些提示語句，比如說點擊查看詳情之類的，代碼形如：a href=https://www.rkxy.com.cn/dnjc/# title=點擊查看詳情鏈接xx/a 。之前一直沒有仔細注意過這個東西 。如果鼠標浮動上去要顯示更多東西的話，怎么實現呢 。第一 反應是jquery的tooltip插件 。今天無意中發(fā)現某個學院的網站鼠標移動上去可以顯示這么完整的信息，效果看起來似乎還可以，就想看看怎么做的， 找了下，沒發(fā)現有Javascript腳本，再往鏈接的地方一看，終于讓我發(fā)現了門道了：a href=’#’ target=_blank title=標題: 關于對我校2006年至2009年發(fā)展黨員工作情況進
發(fā)布日期: 2010-5-31 16:05:08 類別：院務通知 點擊: 139[05-31] 關于對我校2006年至2009年發(fā)展黨員工作情況進/a很簡單，只要使用 這樣的轉義符號,即可實現換行 。在一些tooltip要求定制性不高的情況下，這樣的顯示效果相 當不錯，而且是瀏覽器原生的效果，安逸 。雖然號稱精通div css，但是發(fā)現一些小小但是很實用的技巧自己還不知道，看來html還有很多東西可以挖掘 。
16：如何去掉點擊鏈接時的虛線
解決方案1：在a href=http://blog.sina.com/wangfengteacheronFocus=this.blur() Mike blog/a
解決方案2：在標簽中加入 hidefocusa href=http://blog.sina.com/wangfengteacherhidefocus Mike blog/a
解決方案3: 如果連接太多，可以用外部鏈接 .HTC 文件 。如，blur.htc
文件內容如下：

復制代碼代碼如下:
public:attach event="onfocus"
onevent="makeblur()"/public:attach
SCRIPT language=javascript
function makeblur(){
this.blur();
}
/SCRIPT

在 CSS 中加入如下代碼：

復制代碼代碼如下:
A { behavior:url(blur.htc); }

解決方案4 ( 推薦 )：使用CSS樣式，可加入代碼：a {blr:expression_r(this.onFocus=this.blur())}

推薦閱讀