物業CSS“透明度” - 一個簡單的方法，使網站更加有趣的設計

如今，網站設計的創作成為一種藝術形式。 這不只是一組特定的顏色和頁面元素的 大小，字體 的不同風格和主題的畫作。 為了使您的網站與其他人不同，吸引遊客的注意力，並直接到某些元素，使用的方法和工具數量巨大。 其中有一個很流行的CSS屬性 - 透明度。 這種技術是非常時尚和迷人，因此被經常使用。 透明度可以給網站的不同頁面的對象 - 文本塊或整個畫面，例如。 它也用不同的方式來實現的。 讓我們來看看他們下面。

參數指定的透明度元素

參數調節的幾個要素的透明度。 他們是根據使用的具體目標，以及瀏覽器，這是在“調整”的設計。 這些措施包括以下特性：

• 不透明度;
• 過濾器;
• PNG圖像作為背景。

屬性值的CSS“透明度”被改變為如下：該數值越高，的元件的透明程度越低。 不透明度，它從0變化到1，在過濾器 - 從10到100，後者被用於Interet Explorer瀏覽器，以及所有其他適用的不透明度屬性。

透明度的圖像（改變）

讓我們開始與當你移動的項目，將出現透明的選項拖動鼠標。

讓我們考慮如何指定圖像的透明度。 CSS提供了兩個選項。 要做到這一點，就必須直接在代碼的HTML文件中，如下所示進行註冊：

1. 指定的圖像的路徑。
2. 我們定義的透明度參數時光標不在。 要做到這一點，我們使用的onmouseover和onmouseout，其中規定不透明度和過濾器的值的屬性。

相同的特性可以CSS文檔和源代碼的引用添加到它在規定。 結果轉出來的一樣。

文本和網頁塊的透明度

作為文本或塊（透明DIV），CSS提供其選項，類似於創建透明圖像，必須使用連接CSS文件，其中，所述期望的參數設置。 你可以去一個更簡單的方法。 當您設置風格的塊格樣式或文本p規定以下HTML代碼來的onmouseover和onmouseout元素。 這兩個選項工作，並產生期望的結果。

透明度不變

在某些情況下，一個對象的透明度，要在現有基礎上設置的設計元素或者文本。 在這種情況下，解決的辦法是，當你將鼠標光標不是更簡單。

透明度的CSS元素將下面的代碼給出。 在框格式規定的背景（例如，＃ff8800），不透明度（例如，0.5）和寬度（寬度）和填充（填充）的值。

對於圖像碼值被製造和不透明度濾光器，並指定路徑到圖像。

RGBA法

還有其他的選擇使用該屬性的CSS：透明度可以應用到任何設計元素的基色。 它採用RGBA方法。 前三個字母代表的基本顏色（紅，裂變，藍色），最後 - 阿爾法，其中規定的透明度。 使用RGBA格式規定的透明度，將其指向最後一位。 例如，如：背景：RGBA（240,2,33,0.4035）。

結論

因此，通過使用在網站的設計簡單而有效的功能CSS“透明度”工作的過程中，你可以把它更有趣，更明顯以最小的努力元素。 所描述的實施方案是定制的透明功能將幫助您與此有關。