css控制之瀏覽器安全色bug

來源:互聯網
上載者:User
ie之雙倍margin值bug,, 在當前樣式中聲明,_display:inline,此樣式只在ie中起到效果,margin值即消失。 ie之不認識a:link,即a:link{color:red}無效果,可以直接寫成a{color:red}和a:like{}具有相同意義。 ie之3像素marginbug,即連續定義兩個div(id=text1),div{id=text2},第一個div定義float:left後,第二個div不定義float的是時候兩者之間會有3px的間距,正確寫法第二個div下也定義floa:left,兩者就不會有3px間距。靠在一起。

IE與寬度和高度的問題

IE 不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器裡這兩 個值就不會變,如果只用min-width和min-height的話,IE下面根本等於沒有設定寬度和高度。    
比如要設定背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:    
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}   頁面的最小寬度min -width是個非常方便的CSS命令,它可以指定元素最小也不能小於某個寬度,這樣就能保證排版一直正確。但IE不認得這個,而它實際上把width當 做最小寬度來使。為了讓這一命令在IE上也能用,可以把一個<div> 放到 <body> 標籤下,然後為div指定一個類, 然後CSS這樣設計:    #container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}    第一個min-width是正常的;但第2行的width使用了Javascript,這隻有IE才認得,這也會讓你的HTML文檔不太正規。它實際上通過Javascript的判斷來實現最小寬度

IE捉迷藏的問題   

當div應用複雜的時候每個欄中又有一些連結,DIV等這個時候容易發生捉迷藏的問題。    
有些內容顯示不出來,當滑鼠選擇這個地區是發現內容確實在頁面。 解決辦法:對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構盡量簡單。

未完待續  

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.