以下為本站文章分類清單

  1. AJAXspacer
  2. ASPspacer
  3. CSSspacer
  4. Javascriptspacer
  5. Windows 應用程式spacer
  6. 網頁設計
  7. 評論、短文、雜文spacer
  8. 版主spacer
  9. 最新回應spacer

以下為本頁本文內容

圖層重疊效果

這是您期待以久的圖層重疊效果! 在宣告圖層 我們解釋了如何設定您的圖層 的上邊界及左邊界, CSS 位置層級使用 z-index 屬性來讓圖層有上下層之分,正常來說,如果您的多份圖層都在同一位置時, 後來的物件會蓋過先前的物件。但使用 CSS 屬性一覽表 您可以指定某一份圖層在其他圖層之上或之下,或是改變其上下的順序。 (按; SS本身就有重疊的含意,前面所講的都只限於 SS-style sheet 的部份,而且只用來定義樣式體裁,事實上可以定義一個 style sheet 用來 當作是一頁,您要轉不過來,就當作是寫一頁新的網頁就好了,利用 Cascading 的特性, 就是 z-index 屬性 及 visibility 屬性來控制顯示與否與圖層的上下層關係。)

下面的例子,兩行字幾乎在同一位置,(第二行比第一行低10pixels) 正常來說,第二行文字會壓在第一行文字之上,但是我們設了 z-index

<HTML>
<HEAD>
<STYLE type="text/css">
<!--
.over  
       {
       position: absolute;
        top: 165px;
        left: 20px;
        z-index: 2;
        background-color: green
        }

.under 
        {
        position: absolute;
        top: 175px;
        left: 20px;
        z-index: 1;
        background-color: blue
        }
-->
</STYLE>
</HEAD>

<BODY>

<SPAN class="over">這段文字距離視窗左邊 20 點,上邊 165 點</SPAN>  
<SPAN class="under"> 這段文字則是接在前一段文字之"下"注意到有些字被遮住了, 我們也可以改變讓這段文字壓在前一段文字之上, 技巧在於改變 z-index 的值</SPAN> 
</BODY> 
</HTML> 

上一頁:宣告圖層 下一頁:特殊效果

以下為文章回應區

同意轉載,不過麻煩看一下轉載需知

lucinaventrella.hatenablog.com   2017/7/23 上午 12:08:00

You could definitely see your skills in the work you write.

The world hopes for more passionate writers such as
you who aren't afraid to mention how they believe. Always
go after your heart.

   2017/7/22 下午 10:57:00

This website was... how do I say it? Relevant!! Finally I've
found something that helped me. Appreciate it!

How much does it cost to lengthen your legs?   2017/7/15 下午 11:15:00

Simply wish to say your article is as amazing. The
clearness in your post is simply excellent and i can assume you're an expert
on this subject. Well with your permission let me to grab your RSS feed to keep updated with forthcoming post.
Thanks a million and please keep up the rewarding work.

is a foot corn painful   2017/7/3 上午 10:05:00

First of all I want to say awesome blog! I had a quick
question that I'd like to ask if you do not mind. I was curious to know how you center yourself and clear your thoughts prior to
writing. I've had trouble clearing my thoughts in getting my ideas out.
I do enjoy writing but it just seems like the first 10 to 15 minutes are usually wasted simply just trying to figure out how to begin. Any ideas
or tips? Appreciate it!

diabetes an foot pain   2017/7/2 下午 05:12:00

Exactly what I was looking for, thanks for posting.

foot pain gabapentin   2017/6/24 下午 08:17:00

Loving the information on this web site, you have done great job on the
blog posts.

http://cristaltreadway.blogas.lt/date/2015/06   2017/6/11 上午 05:24:00

Very good post! We are linking to this particularly great post on our website.

Keep up the good writing.

manicure   2017/5/3 下午 09:23:00

Its such as you read my mind! You appear to grasp a lot about this,
like you wrote the e book in it or something.
I feel that you can do with some p.c. to force the message house a bit,
but other than that, that is excellent blog. A great read.
I will definitely be back.

manicure   2017/5/3 下午 04:50:00

Hello, this weekend is good in support of me, since this point in time i am reading
this fantastic informative post here at my residence.

BHW   2017/4/14 上午 02:24:00

I'm not sure where you are getting your info, but great topic.
I needs to spend some time learning much more or understanding more.
Thanks for excellent information I was looking for this info for my mission.

給個回應
姓名:
佈落格網址:
  如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容: