惡意的CSS設計

您可以使用CSS語法當中的 display:none; 語法,將網頁上面不必要的部分隱藏起來,比方說,如果您將網頁放置在一些免費空間上,那麼這些免費空間,往往會自動安插一些討厭的小廣告,您如果是使用blogger.com的服務在線上寫作,並且將產生的頁面放置在blogspot.com上面的話,就會在畫面正上方出現這樣的廣告,您便可以使用這個簡單的語法將廣告隱藏起來。

以blogspot為例,blogspot的廣告是放置在一個表格當中,而您的頁面本身都是以div設計,不是使用表格排版,而且您也打算以後都不使用表格,那麼的話,那麼儘管把表格隱藏起來,語法是:table {display: none;}。惱人的廣告也就從此再見。

不過,如果您把display:none語法,用在連結上,就會產生一些有趣的效果。呵呵。

以下就是一個將 a:hover 上套用 display: none; 的範例:

下面是一個連結

點我!點我!你點的到嗎?

在這個範例中,只要您將滑鼠移動到連結上,那麼就會自動將連結隱藏起來,如此一來,所有的連結就都變成只能遠觀,而不能褻玩了。

老實說,這個效果除了可以拿來惡作劇之外,我還真想不出來可以拿來做什麼用途。

Be Sociable, Share!

5 thoughts on “惡意的CSS設計

  1. 其實點得到耶:)

    我用Firebird 0.7,在連結隱藏起來以後(游標變成手指)稍微把游標往上移一點點(游標又變成箭頭了),就可以點得到了。

  2. 可以把這兩ㄍ一起使用當作是連結的描述喔.一ㄍ是隱藏一ㄍ是不隱藏..出現的速度會比使用alt這ㄍ語法還要快.
    a span { display: none; }
    a hover span {dispaly: block;}

Comments are closed.