您現在的位置是:電腦技術吧?>? 編程技術 ??>??opacity屬性,resize屬性??>??正文詳情

opacity屬性,resize屬性

庾建義2019-11-15 11:40:44 人圍觀
簡介html透明度屬性RGBA和opacity語法:R:紅色值。正整數|百分比G:綠色值。正整數百分比B:藍色值。正整數百分比A:透明度。值0~1,將CSS代碼復制到剪貼板/*IE6transform屬性

RGBA和opacity  語法:  R:紅色值。

正整數 | 百分數  G:綠色值。

正整數 | 百分數  B:藍色值。

正整數| 百分數  A:透明度。

取值0~1之間  CSS Code復制內容到剪貼板  /* IE6 - 8 */  filter: alpha(opacity=80);  /* 其他 */  opacity: 0.8;

  RGBA比元素設置CSS的透明度更好,因為單獨的顏色可以在不影響整個元素的透明度,他不會影響到元素其他的屬性,比如說邊框,字體同時也不會影響到其他元素的相關透明度。

  opacity的使用  opacity聲明用來設置一個元素的透明度:層、文字、圖片等一個opacity的值為1的元素是完全不透明的,反之,值為0是完全透明的,看不見的。

1到0之間的任何值都表示該元素的透明程度。

  瀏覽器兼容性  opacity是瀏覽器支持最好的一個CSS3元素當然,除了IE!  CSS3透明(例1:層)

  上面的透明例子使用了下面的樣式:  CSS Code復制內容到剪貼板  div.opacityL1 { background:#036; opacity:0.2; width:575px; height:20px; }  div.opacityL2 { background:#036; opacity:0.4; width:575px; height:20px; }  div.opacityL3 { background:#036; opacity:0.6; width:575px; height:20px; }  div.opacityL4 { background:#036; opacity:0.8; width:575px; height:20px; }  div.opacityL5 { background:#036; opacity:1.0; width:575px; height:20px; }  瀏覽器支持:  Firefox 3.05   Google Chrome 1.0   Internet Explorer 8-  Opera 9.6   Safari 3.2.1   CSS 3 透明(例2:圖片)

  我們也可以在圖片上使用不同透明度的透明效果,就像上面的示例一樣。

一個很酷的應用是將opacity應用到:hover上,實現一種鏈接的鼠標經過效果。

  CSS Code復制內容到剪貼板  img.opacity1 { opacity:0.25; width:150px; height:100px; }  img.opacity2 { opacity:0.50; width:150px; height:100px; }  img.opacity3 { opacity:0.75; width:150px; height:100px; }  瀏覽器支持:  Firefox 3.05   Google Chrome 1.0.154   Internet Explorer IE8-  Opera 9.6   Safari 3.2.1

版權聲明:本文由 庾建義 整理編輯。

原標題:css屬性大全,transition屬性

轉載注明出處:http://www.dn9ww09s.icu/program/12483.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • garageband怎么用不了,garage band怎么用

    garageband怎么用不了,garage band怎么用 相關圖片garageband錄音怎么用Garageband是蘋果的數字音樂創作軟件,也可以在iPhone上使用,主要面向業余愛好者。它包括1000首預先錄制好的旋律樣本和50首合成樂器樣本,可以使用garageband電腦版用...

  • 移動硬盤沒有盤符顯示,電腦不顯示移動硬盤怎么辦

    移動硬盤沒有盤符顯示,電腦不顯示移動硬盤怎么辦 相關圖片電腦讀取不了移動硬盤許多人使用移動硬盤來存儲和傳輸數據。移動硬盤的即插即用非常方便。但也有部分用戶遇到了移動硬盤不顯示的情況。我們該怎么辦?一。當移動硬盤不顯示時...

  • 循環利用標識1,循環利用標志

    循環利用標識1,循環利用標志 相關圖片循環利用標志內1在制作網站時,我們經常需要處理客戶的企業身份。如果你的網站有另一種顏色背景,你需要顛倒客戶提供的商標的白色。當客戶只提供背景為白色的JPG圖像文件時,您...

  • win7正版永久激活密鑰,win7旗艦版最新密鑰

    win7正版永久激活密鑰,win7旗艦版最新密鑰 相關圖片win7旗艦版永久激活Windows 7旗艦的激活碼可以用于windows7旗艦的激活,用戶可以正常使用windows7旗艦的全部功能。與其他激活方法相比,使用Windows 7旗艦w7旗艦版激活碼...

  • flash動畫格式,flash動畫文件格式

    flash動畫格式,flash動畫文件格式 相關圖片Flash動畫實例教程swf格式的flash動畫體積小,傳輸方便,深受網民歡迎。然而,令人遺憾的是,許多在線論壇只允許圖片,而不允許flash動畫。如果你手上有一些美妙的閃光,并渴望flas...

  • 蘋果六藍牙怎么無法連接,iphone11藍牙連接不上

    蘋果六藍牙怎么無法連接,iphone11藍牙連接不上 相關圖片蘋果之間藍牙連接不上蘋果手機有時需要連接到藍牙設備,如藍牙耳機,以便更方便地聽音樂、看視頻和打電話。但有些用戶很少使用這個功能,不知道如何連接蘋果藍牙?一。在IOS設...

  • 怎樣改apple id和密碼,蘋果apple id密碼怎么修改

    怎樣改apple id和密碼,蘋果apple id密碼怎么修改 相關圖片id密碼怎么改使用iPhone,蘋果ID密碼非常重要。沒有蘋果ID和密碼,很多蘋果服務都無法正常使用,包括應用程序下載和云服務。出于安全原因,Apple ID密碼應該分開改id密碼...

  • 交互設計作品集欣賞,交互設計作品集輔導

    交互設計作品集欣賞,交互設計作品集輔導 相關圖片國外平面設計作品集一些學生經常問互動如何反映自己的作品和能力,所以今天我們來談談新的互動設計師作品宣言的制作:本文所使用的所有材料都是授權學習和交流的,不得用于任...

  • win8專業版激活密鑰,win81專業版激活密鑰

    win8專業版激活密鑰,win81專業版激活密鑰 相關圖片windows8專業版激活密鑰windows 8.1的屏幕布局和操作習慣與以前不同。Windows8.1是第一個支持3D打印、支持視網膜分辨率和更大尺寸設備的操作系統。許多用戶也喜歡這個版本win8密鑰吧...

  • 使用技巧,u鉆的使用技巧

    使用技巧,u鉆的使用技巧 相關圖片新手掛檔技巧口訣它們都在項目中進行了總結,并在flex2 AS3中作為call JS externalinterface.call(JS function name,param蘋果8的功能使用技巧大全...

熱評文章

  • win8怎么清理c盤,c盤滿了怎么清理win8

    win8怎么清理c盤,c盤滿了怎么清理win8 相關圖片c盤滿了怎么清理win10現在win10系統的份額逐漸接近win7,這意味著越來越多的用戶開始選擇win10。同樣,win8的用戶在厭倦使用win8后,也希望升級到win10。他們想知道win7如何深度清理c盤...

  • 邊框透明,動態透明邊框

    邊框透明,動態透明邊框 相關圖片手機p圖邊框透明當CSS多邊框背景級別3仍然是草稿時,CSS工作組就是否支持多邊框進行了大量的討論,就像討論多背景圖片一樣。不幸的是,當時認為多個邊界并不有用,即使需要,也可...

  • 三星s4卡刷教程,三星s4刷什么系統最好

    三星s4卡刷教程,三星s4刷什么系統最好 相關圖片三星手機s4怎么刷機三星S4是一款非常老的機型。現在大多數用戶將它用作存儲備用機器。該機配備了exynos 5410雙核處理器,運行Android 4.2.2 touchwiz系統三星手機如何刷機...

  • 交互設計,交互設計怎么做

    交互設計,交互設計怎么做 相關圖片為什么做了交互設計還要做動效今天,我花時間看了看銀色的插件。這是第一個內置到sketch中的交互式插件。通過它,可以在不依賴其他軟件的情況下完成草圖交互方案的設計和顯示。...

  • origin客戶端安裝慢,origin平臺下載游戲速度慢

    origin客戶端安裝慢,origin平臺下載游戲速度慢 相關圖片origin平臺下載速度慢Origin是EA在2011年搭建并推出的一個全方位的游戲社交平臺。它集成了數字游戲購買、物理版本激活、下載、數據云存儲、社交網絡等功能,正在逐步增加更多功能。...

  • css background屬性,css中background

    css background屬性,css中background 相關圖片html中background背景大小的值類型:1或2個值。這些值可以是像素Px、百分比%或自動,也可以是特定值cover和contain。可以為背景大小設置兩個值,一個是必需的,另一個是可css display屬性...

  • win7旗艦版優化設置,win7系統最流暢優化

    win7旗艦版優化設置,win7系統最流暢優化 相關圖片win7設置優化大全很多人在安裝了win7系統之后就開始使用它了。事實上,如果你對win7做了一些設置,你的系統在win7安裝后會更流暢,更省電,更好的使用,你可以清理垃圾和無效的win...

  • 苯磺酸氨氯地平片價格,湖南天雁股吧

    苯磺酸氨氯地平片價格,湖南天雁股吧 相關圖片ST信威在手機撥號界面輸入具體指令,查詢相應的手機信息。有些用戶不知道**Chen 06的用途,所以本文將與您分享**chen06找到的信息是什么?每個手機都有一個世界000760斯太爾股吧...

  • 居中顯示,div居中顯示

    居中顯示,div居中顯示 相關圖片設置表格居中代碼如下:div style=width:1000px;margin:0auto;div style=background color:red;text ali頁碼居中怎么設置...

  • bios硬盤啟動順序,bios設置硬盤啟動

    bios硬盤啟動順序,bios設置硬盤啟動 相關圖片bios設置ssd第一啟動盤許多計算機用戶不知道,當計算機啟動時,他們會從硬盤中尋找啟動文件來啟動系統。如果硬盤不是第一個引導項目,或者有兩個硬盤,系統將無法啟動。有時,有...

關注微信

变脸官网查询