作者ronald051 (青春洋意)
看板Blog
標題[問題] 請問這個無名的CSS如何讓卷軸顯現出來??
時間Fri Sep 26 22:49:28 2008
這是小弟的朋友給的相簿樣式的CSS
如下:
BODY {
SCROLLBAR-FACE-COLOR:#fafad2;FONT-SIZE:x-small;BACKGROUND:url(
http://f9.wretch.yimg.com/joe6972004/25/1304307120.jpg)
#ffffff fixed no-repeat left
center;MARGIN:20px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#bbb;COLOR:#aaa;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#eeb422;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
A {
FONT-WEIGHT:normal;FONT-SIZE:10px;CURSOR:default;COLOR:#999966;FONT-FAMILY:verdana,
arial, georgia, sans-serif;TEXT-DECORATION:none;}
A:link {
FONT-WEIGHT:normal;FONT-SIZE:10px;COLOR:#999966;TEXT-DECORATION:none;}
A:visited {
FONT-WEIGHT:normal;FONT-SIZE:10px;COLOR:#999966;TEXT-DECORATION:none;}
A:active {
FONT-WEIGHT:normal;FONT-SIZE:10px;COLOR:#999966;}
A:hover {
FONT-WEIGHT:normal;FONT-SIZE:10px;COLOR:#333333;TEXT-DECORATION:underline;}
#banner {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#ffc1c1;FONT-FAMILY:verdana, arial,
georgia, sans-serif;TEXT-ALIGN:center;}
#banner A {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#cc3300;FONT-FAMILY:arial, courier
new, sans-serif;TEXT-DECORATION:none;}
#banner A:link {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#cc3300;FONT-FAMILY:arial, courier
new, sans-serif;TEXT-DECORATION:none;}
#banner A:visited {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#cc3300;FONT-FAMILY:arial, courier
new, sans-serif;TEXT-DECORATION:none;}
#banner A:active {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#cc3300;FONT-FAMILY:arial, courier
new, sans-serif;TEXT-DECORATION:none;}
#banner A:hover {
FONT-WEIGHT:normal;FONT-SIZE:large;COLOR:#ff0000;FONT-FAMILY:arial, courier
new, sans-serif;TEXT-DECORATION:none;}
.description {
FONT-WEIGHT:normal;FONT-SIZE:xx-small;BACKGROUND:none transparent scroll
repeat 0%
0%;TEXT-TRANSFORM:none;COLOR:#fff;FONT-STYLE:normal;FONT-FAMILY:verdana,
arial, sans-serif;}
.side {
BORDER-RIGHT:#cccccc thin solid;PADDING-RIGHT:7px;BACKGROUND-POSITION:center
center;BORDER-TOP:#cccccc 1px
solid;PADDING-LEFT:7px;FONT-WEIGHT:normal;FONT-SIZE:10px;FILTER:Alpha(Opacity=100);BACKGROUND-IMAGE:none;PADDING-BOTTOM:3px;BORDER-LEFT:#cccccc
1px solid;COLOR:#333;LINE-HEIGHT:140%;PADDING-TOP:3px;BORDER-BOTTOM:#cccccc
thin solid;BACKGROUND-REPEAT:repeat;FONT-FAMILY:verdana, arial, sans-serif;}
.sidetitle {
MARGIN-TOP:10px;FONT-WEIGHT:normal;FONT-SIZE:10px;BACKGROUND:none transparent
scroll repeat 0%
0%;PADDING-BOTTOM:60px;COLOR:#666666;LINE-HEIGHT:140%;FONT-FAMILY:verdana,
arial, sans-serif;LETTER-SPACING:0.1em;TEXT-ALIGN:center;}
.powered {
PADDING-RIGHT:2px;BORDER-TOP:#999 1px
dotted;MARGIN-TOP:10px;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:9px;BACKGROUND:none
transparent scroll repeat 0%
0%;FILTER:Alpha(Opacity=50);PADDING-BOTTOM:2px;COLOR:#666;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-FAMILY:verdana,
arial, sans-serif;LETTER-SPACING:0.2em;TEXT-ALIGN:center;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
BODY {
COLOR:#999999;}
BODY {
COLOR:#cccccc;}
#banner A {
COLOR:#000000;}
#banner A:link {
COLOR:#000000;}
#banner A:visited {
COLOR:#000000;}
#banner A:active {
COLOR:#000000;}
#banner A {
FONT-SIZE:medium;}
#banner A:link {
FONT-SIZE:medium;}
#banner A:visited {
FONT-SIZE:medium;}
#banner A:active {
FONT-SIZE:medium;}
BODY {
COLOR:#ffffff;}
INPUT {
FONT-SIZE:7pt;COLOR:#000000;FONT-FAMILY:verdana;BACKGROUND-COLOR:#ffffff;}
SELECT {
FONT-SIZE:7pt;COLOR:#000000;FONT-FAMILY:verdana;BACKGROUND-COLOR:#ffffff;}
BODY {
SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#fff;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#fff;}
.description {
COLOR:#000;}
FONT.normal-c B {
FONT-WEIGHT:normal;}
.syndicate {
DISPLAY:none;}
UNKNOWN {
WIDTH:300px;}
.small-e {
FONT-SIZE:7px;}
CENTER {
COLOR:#ff0000;}
A:hover {
LEFT:2px;POSITION:relative;TOP:2px;}
#banner FONT.normal-a {
COLOR:#000;}
BODY {
CURSOR:hand;}
A:hover {
CURSOR:e-resize;}
BODY {
COLOR:#000000;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
BODY {
COLOR:#ffffff;}
BODY {
COLOR:#00ccff;}
BODY {
COLOR:#ffffff;}
A {
COLOR:#ffffff;}
A:link {
COLOR:#ffffff;}
A:visited {
COLOR:#ffffff;}
A:active {
COLOR:#ffffff;}
BODY {
COLOR:#000000;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
BODY {
COLOR:#000000;}
A {
COLOR:#ff0000;}
A:link {
COLOR:#ff0000;}
A:visited {
COLOR:#ff0000;}
A:active {
COLOR:#ff0000;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
BODY {
COLOR:#000000;}
BODY {
COLOR:#333333;}{
{
body{margin-left:270px;}{
但是在右邊拉卷軸的地方無法看的到卷軸的顏色
請問我該改那邊才可以看的到捲軸呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.192.247.52
推 a892245:這樣式有太多body{} 裡頭重複的語法會蓋過前面的 09/26 23:32
→ a892245:精減一下應該就ok了 09/26 23:32
→ a892245:你朋友大概是用小幫手改的吧? 樣式小幫手超容易這樣的 09/26 23:33
→ ronald051:可是卷軸不是OK的嗎? 我只是想讓顏色出來不知道怎麼改 09/26 23:49
→ a892245:請參考上面網址 本來應該只要改第一個body{}就好 09/27 00:12
→ a892245:可是你後面重複的body{}有一個也有捲軸的語法 09/27 00:12
→ a892245:所以前面body{}設定的捲軸顏色就被後面的覆蓋掉了 09/27 00:13
→ ronald051:大大 可以水你嗎?? 我想問一些其它問題.. 09/27 00:59
推 a892245:你直接po在板上吧 09/27 01:22