大家登入csdn首頁的時候會發現右下角有乙個小視窗,裡面是一些簡單的小提示,不管你如何移動滾動條,他總是在左下角的位置。用作提示或者幫助之類的非常方便。他的實現也比較簡單,用到了position:fiexed這個style。
position:fixed在ff,ie7,opera等瀏覽器下面都支援,但是ie6卻不行,所以在ie6下面需要用到變通的辦法來實現。在ff,ie7下面,直接設定:
現。在ff,ie7下面,直接設定:
position:fixed;
bottom:0px;
right:0px;
width:150px;
height:100px;
background-color:#ddd
解決移動端不支援position fix
最近我在做自己公司的官網,pc端做出來了,網頁瀏覽順暢,但到了手機端測試,問題出現了 網頁上的懸浮選單滑動的時候,不會跟著滾動條走,並且網頁出現了橫向滾動條。在這個問題上我折騰了整整一下午的時間,但還是沒有解決問題。最終是在第二天早上花了半小時搞定的。從這個問題上我得到了一種解決問題的思路 1.當解...
CSS 常見的css布局
1 單列布局 主要使用max width屬性樣式實現,使用max width是為了當螢幕小於2000px時不出現滾動條 2 兩列自適應布局 兩列自適應布局是指一列由內容撐開,另一列撐滿剩餘寬度的布局方式,為了觸發ie瀏覽器的haslayout屬性,需設定zoom 1 2.1 使用float over...
css字型樣式,引入css樣式的方法,css選擇器
font總結 屬性 表示注意點 font size 字型大小我們通常用的單位是px畫素,一定要跟上單位 font family 字型實際工作中按照團隊約定來寫字型 font weight 字型粗細 加粗700或bold,不加粗normal或400,數字不更單位 font style 字型樣式 傾斜是...