地址: 上海市靜安區(qū)共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
眾所周知道,IE向來是我們在制作網(wǎng)頁時最難搞定的對手。但又迫于其用戶群數(shù)量之多,我們不得不想法設(shè)法搞定它。下面,將介紹的將是利用其特點而被發(fā)現(xiàn)/創(chuàng)造出來的CSS技巧。讓你輕松搞定這個難對付的家伙。
IE注釋:最安全的HACK IE的途徑
這應(yīng)該是我最常用的方法了,一般情況下,我們現(xiàn)在已經(jīng)不用考慮IE5或者以下的瀏覽器了,這個注釋讓我們可以輕松HACK IE,并且它是最安全的方法,因為別的瀏覽器不會顯示/識別它(這里應(yīng)該感謝微軟的細心,即使他精粗心在先)。
至于IE8 beta,以其為主瀏覽器的用戶算起來應(yīng)該不到K級,也暫時不是我們應(yīng)該搞定的對象(當然,搞定它是最好不過的事)?;蛘呶覀儜?yīng)該把希望放在他正式版對CSS完美的支持,而現(xiàn)在我們把最重要的放在搞定IE6
/IE7,區(qū)分它們,我最常用的是下面的代碼:
#forieothers{...} // 用這個搞定IE7
*html #forie6{…} // 當然,這是寫給IE6的
而你需要注意的就是,別把它們的順序?qū)懙沽耍驗?forieothers這個是會被IE6看到的,而根據(jù)CSS書寫順序的優(yōu)先性,應(yīng)該把讓*html #forie6寫在后面,讓瀏覽器最終顯示它,但IE7又看不到。
讓IE6支持PNG透明圖片
#regular_logo
{
background:url(’test.png’); width:150px; height:55px;
}
/* \ */
* html #regular_logo
{
background:none;
float:left;
width:150px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.chinaz.com/Design/Pages/’test.
png’, sizingMethod=’scale’);
}
/* */
這并不是我喜歡的方法,不過,或許你會喜歡。當然,有時候,我們導出GIF圖片的時候,其效果和質(zhì)量都可能不是很好,搞定PNG或許就是為這個而做的吧。也可能是由于自己并不是畫圖的高手,所以,比較少用。
讓IE6支持min-width/max-width
#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" :
document.body.clientWidth > 1200? "1200px" : "auto");
}
這應(yīng)該是非常重要的技巧,也是比較常用的。就像,你以前可能用了太大的圖片,但現(xiàn)在又想用一個欄比較小的主題,這時,這個方法就顯得異常重要。抑或是,如果你想創(chuàng)建一個流體布局,這個代碼對你來說是必不可少的。
當然,這三個并不能讓你搞定所有IE的問題。不過,這應(yīng)該是最重要的。IE注釋通常被CSS新手忽略,而IE6顯示透明PNG和IE6支持最小/最大寬度是難點。好吧,我想,看到這里,或許你已經(jīng)學會了,或者,至少知道這是解決方法。但或許還有一句話你應(yīng)該記?。荷倭RIE,完善自己!
|
當網(wǎng)站的子頁面分類較多的情況下,一般都會選擇使用面包屑導航作為頁面的輔助和補充,有效幫助用戶在網(wǎng)站中快速找到返回的路徑,尤其體現(xiàn)在電商網(wǎng)站上,運用最為廣泛,用戶可以在眾多產(chǎn)品類型中確定自己的位置以及找到目標產(chǎn)品,在一定程度上提高了用戶體驗。
網(wǎng)站使用面包屑導航雖然有它的優(yōu)勢所在,但并不是所有的頁面都適合使用,畢竟它不能在網(wǎng)站上占據(jù)主導地位,以免造成對用戶的誤導,那么,網(wǎng)站應(yīng)如何正確使用面包屑導航呢?
首先,上海網(wǎng)站建設(shè)在設(shè)置面包屑導航的關(guān)鍵詞是一定要統(tǒng)一,每一個主目錄和子頁關(guān)鍵詞都要精簡且唯一,存在辨別性,這樣能讓用戶在瀏覽網(wǎng)站或者電商購物網(wǎng)站中購買商品時產(chǎn)生疑問,且對自己的當前位置一目了然。同時,所有的分類面包屑的關(guān)鍵詞都不能存在有歧義的詞現(xiàn)象,避免重復性。譬如淘寶網(wǎng)的面包屑導航,每一個分類都清晰明了。
網(wǎng)站如何正確使用面包屑導航?
其次,認識分類少則不使用面包屑的誤區(qū)。有些網(wǎng)站認為子頁內(nèi)容分類少,就沒必要使用面包屑,其實這是一種錯誤的觀念,千選網(wǎng)絡(luò)認為,頁面中只要有兩個以上都分類頁面,都有必要使用,畢竟用戶在點擊層級頁面時總會有返回上級頁面的需要,且在沒有記住每個頁面相關(guān)內(nèi)容時,很容易忘記上級頁面內(nèi)容是什么,因此每次要靠返回按鈕進行操作的話會更加麻煩一些,使用面包屑導航則可對當前頁定位,幫助用戶回到各層級頁面。
網(wǎng)站如何正確使用面包屑導航?
再者,則是做好主導航與面包屑導航之間的區(qū)分,主導航始終承載整個網(wǎng)站的主導地位,而面包屑導航則是起輔助作用,因此用戶在辨識面包屑導航時應(yīng)起到更加精準的作用,而不是重復主導航已經(jīng)存在的欄目分類,又或者說用戶在點擊主導航時會猶豫面包屑導航對其產(chǎn)生的干擾,否則面包屑就是去了本該有得價值和意義。
最后,在設(shè)計面包屑導航時無論分類是否復雜,但都要盡可能的精簡層級,對產(chǎn)品分類或者概括要綜合言簡,避免太多太細的分類讓用戶瀏覽時容易疲勞,當然,這樣的面包屑也有利于網(wǎng)站優(yōu)化,容易被搜索引擎抓取,同時對提高用戶體驗有一定的幫助。
面包屑導航對于每一個網(wǎng)站來說,并非必須品,但卻是精品,最常見的是在電商網(wǎng)站中,有它的存在就像給用戶裝上了另一個指示燈,幫助用戶在網(wǎng)站上找到瀏覽的軌跡并讓他們的需求快速得到滿足。但前提是使用面包屑一定要注意正確的方法。
? ? ? ? | 公司名稱:上海緣震網(wǎng)絡(luò)科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號29號3樓 分部:上海市靜安區(qū)共和新路4718弄10號樓2樓 商務(wù)官網(wǎng):www.9youmishi.cn 新官網(wǎng):www.shyuanzhen.com 彥蓁科技:www.shyanzhen.cn | 緣震網(wǎng)絡(luò)成立于 2014 年,公司主要經(jīng)營全案策劃,高端品質(zhì)網(wǎng)站建設(shè)、多媒體視頻宣傳片制作、微信公眾號開發(fā)、微信小程序開發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網(wǎng)站維護、應(yīng)用軟件開發(fā)、手機端APP開發(fā)、等為客戶提供一條龍網(wǎng)絡(luò)運營解決方案的的技術(shù)型企業(yè)。我們在人力資源、業(yè)務(wù)范圍、設(shè)計、技術(shù)、服務(wù)、信譽度、規(guī)范管理及企業(yè)文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰(zhàn)略合作,提供專業(yè)的網(wǎng)站建設(shè)與運營服務(wù)。我們的口號:廣結(jié)良緣、震古爍今! |