1、網頁設計如何設置網頁部分內容不隨著滾動條而移動移動?
div的樣式中使用相當於瀏覽器窗口定位——position:fixed。
一、position:fixed屬性的含義
fixed:生成絕對定位的元素,相對於瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
我們平時所說的固定定位指的就是fixed,設置了固定定位的元素不會隨滾動條上下滾動。
二、一般的 position:fixed; 實現方法
#top{position:fixed;bottom:0;right:20px}
實現了id為top的元素固定在瀏覽器的底部和距離右邊20個像素的位置
#top{position:fixed;top:20px;right:20px}
實現了id為top的元素固定在距離瀏覽器的頂部20個像素和距離右邊20個像素的位置
三、IE6下position:fixed; 實現方法
在IE6中是不能直接使用 position:fixed; 。你需要一些 CSS Hack 來解決它
相同的還是讓 <div id="top">...</div> 元素固定在瀏覽器的底部和距離右邊的20個像素,這次的代碼是:#top{
position:fixed;
bottom:0;
right:20px;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
right 跟 left 屬性可以用絕對定位的辦法解決,而 top 跟 bottom 就需要用上面的表達式來實現。其中在_position:absolute; 中的 _ 符號只有 IE6 才能識別,目的是為了區分其他瀏覽器
1、使元素固定在瀏覽器窗口的頂部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
2、使元素固定距瀏覽器窗口的頂部a像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
_margin-top:a;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+a));
}
3、使元素固定在瀏覽器窗口的底部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
4、使元素固定在距瀏覽器窗口的底部b像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:b;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||b)-(parseInt(this.currentStyle.marginBottom,10)||b)));
}
四、IE6下的閃動問題
問題還沒有完全解決。在用了上面的辦法後,你會發現:被固定定位的元素在滾動滾動條的時候會閃動。解決閃動問題的辦法是在 CSS 文件中加入:
*html{background-image:url(about:blank);background-attachment:fixed;}
其中 * html選擇器hack是給 IE6 識別的。
到此,IE6 的 position:fixed; 問題已經被解決了
2、有那位大蝦給我提供一些《網頁設計》中讓「文字、圖片,移動的代碼?
http://search.blueidea.com/?ie=GB2312&oe=GB2312&q=%CD%BC%C6%AC%B9%F6%B6%AF&tr=bbs
這里有很多。肯定有你想要的。
3、我已經寫好了一套移動端網站的源碼。我還有一個伺服器,那麼如何實現把源碼放進去?
路由器設置外網口對應本地伺服器內網,伺服器假設IIS,指定WEB目錄就可以
4、一個好的移動端網頁設計是如何製作
你好。只是一點建議
1.讓你的整個網頁都適合在移動端上瀏覽
相比在移動端上直接操作桌面版網頁,經過適配的移動網頁會大大方便用戶的操作使用。桌面版網頁手機的小屏幕里顯得窄而小,並且很難操作。經過對比,手機版的網頁主要由方便操作的大按鈕組成,顯得簡潔。
2.將主操作按鈕設計得更友好
手機用戶很容易忽視手機界面上的元素,所以主操作按鈕要放在顯要位置。手機頁面的主操作按鈕可能會跟桌面版的有所不同,所以你要從在用戶的角度考慮,來決定你要把主操作按鈕放在什麼位置。
3.菜單欄要簡短而中肯
桌面版網頁里有豐富的菜單欄可能會很方便用戶使用,但手機用戶不會有耐心滑動長長的選項欄,找他們想要的東西。
望採納
5、中國移動電子渠道系統設計要用什麼知識,網頁設計還是寫代碼?!
中國移動的電子渠道指的是中國移動在網站上設立的網上營業廳、掌上營業廳(WAP營業廳)、簡訊營業廳、10086自動台、自助終端在內的綜合渠道。可以為客戶提供繳費、查詢、產品變更等服務功能。
CMCC的全稱為中國移動通信集團公司(簡稱「中國移動」):
於2000年4月20日成立,是一家基於GSM,TD-SCDMA和TD-LTE制式網路的移動通信運營商。
中國移動通信集團公司是根據國家關於電信體制改革的部署和要求,在原中國電信移動通信資產總體剝離的基礎上組建的國有骨幹企業。2000年5月16日正式掛牌。
中國移動通信集團公司全資擁有中國移動(香港)集團有限公司,由其控股的中國移動有限公司(簡稱「上市公司」)在國內31個省(自治區、直轄市)和香港特別行政區設立全資子公司,並在香港和紐約上市。
6、網頁設計圖中如何把文字移動到右上角的代碼?急急急
右上角? 你是要把圖片跟文字並排顯示嗎? 如果是的話把圖片設置下浮動就行了, float:left;
如果是標題要放到右上角的話, 如果是寬度沒有錯的情況下就設置字體位置 text-align:center;