請問製作網頁達人一個問題:－new htc one開箱,htc手機評價,htc手機比較,htc手機遊戲,htc手機維修,htc手機價位,htc手機推薦,htc手機鈴聲,中華電信htc手機,htc手機截圖,亞太htc手機,

Blogtrottr

Yahoo!奇摩知識+ - 分類問答 - 電腦網路 - 已解決

Jul 25th 2013, 11:56

1.
如果你用的瀏覽器是IE，把<STYLE>後面的 BODY改成 html應該就可以了。不過修改網頁捲軸的顏色，不是網頁標準，不同瀏覽器的CSS語法不一樣，您的寫法只在IE有效果。底下給的語法包含 Chrome瀏覽器的設定方式，Chrome不能直接設定箭頭的顏色，需自己製作上、下箭頭的圖片，顏色幫您設好囉( 顏色相似)，需增加圖片；FireFox應不支援設定捲軸。

如果覺得捲軸的樣式很重要，希望不同瀏覽器顯示結果相同，需要JavaScript了，關鍵字可搜尋"jQuery 自訂捲軸" 或 "jQuery custom scrollbar"。

2.
您找一下給的HTML，<body>上面的</body>要刪除。<STYLE> ~ </STYLE>要移到 </head>上面。

=== 全部內容 ===
<html>
<head>
<meta http-equiv="Content-Language" content="zh-tw" />
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>NEW</title>
<STYLE>
/* -------------- 這是 IE瀏覽器的設定 --------------- */
html {
SCROLLBAR-FACE-COLOR: #fcfcd8;
SCROLLBAR-HIGHLIGHT-COLOR: #fcd8d8;
SCROLLBAR-SHADOW-COLOR: #fcfcd8;
SCROLLBAR-3DLIGHT-COLOR: #fcb4b4;
SCROLLBAR-ARROW-COLOR: #fcb4b4;
SCROLLBAR-TRACK-COLOR: #fcd8b4;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcb4;
SCROLLBAR-BASE-COLOR: #fcfcd8;
}
/* ------------ 這是 Chrome瀏覽器的方式 ------------ */
::-webkit-scrollbar{ /* 捲軸底色 */
background-color:#fcd8b4;
}
::-webkit-scrollbar-thumb{ /* 捲軸拉的地方的顏色 */
background-color:#fcfcd8;
}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("這裡放箭頭往上的圖片的路徑");
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("這裡放箭頭往下的圖片的路徑") ;
background-repeat: no-repeat;
}
</STYLE>
</head>
<body>

<p>NEW</p>
<p>　</p>
<p>　</p>
<p>NEW</p>
</body>
</html>

參考資料自己

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: 'You Say What You Like, Because They Like What You Say' - http://www.medialens.org/index.php/alerts/alert-archive/alerts-2013/731-you-say-what-you-like-because-they-like-what-you-say.html

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions