Íomhá Teimhneacht leis an CSS

Tá an íomhá CSS Teimhneacht i luach a chuireann an íomhá "trédhearcach" ag brath ar an luach a chur leo, tá rud éigin cosúil le cad a bhíonn ar siúl againn lenár Photoshop. Leis an treoir seo, fhoghlaim tú luach seo a úsáid i araon Internet Explorer agus Mozilla Firefox.

Torthaí Tástála

Céim 1

An gcéad dul síos ní mór duit an íomhá is mian leat teimhneacht a chur leis, de ghnáth é a chur isteach ó do Dreamweaver nó Front Page agus cuir an aicme atá uait, mar shampla, rud éigin mar seo:

  1

 "http://tuweb.com/imagen.png" alt = "imagen" class = "imagen-opacidad" / > <img "http://tuweb.com/imagen.png" Bacainn src aicme "image" = /> "image-opacity" 

Céim 2

Téigh go dtí an stíl ar do leathanach agus maoin teimhneacht a chur le do rang mar seo a leanas:

  1
 2
 3

  . Íomhá-teimhneacht (
 teimhneachta: 0.7;
 ) 

Níl an uimhir seo cuir teimhneacht de 70%, is é sin má chuir tú air i luach de 0.5, is é an teimhneacht 50%. an stíl seo do teimhneacht Le breathnú i Mozilla Firefox, chun amharc freisin a bheith in Internet Explorer, úsáidimid Comments Coinníollach .

Céim 3

Cruthaigh bileog stíl nua ar a dtugtar CSS idirlíon-taiscéalaí (idirlíon-explorer.css) agus cuir an líne seo a leanas:

  1
 2
 3

 filter : alpha ( opacity = 70 ) ; } . Íomhá-teimhneacht (scagaire: alfa (teimhneacht = 70);) 

Insíonn an uimhir 70 dúinn go mbeidh sé de chuspóir acu teimhneacht de 70%.

Céim 4

Chomh luath agus a shábháil ar an gclár stíl nua, ag brath ar an trácht seo a leanas a chur leis an HTML comhad a nuair do íomhá.

  1
 2
 3

  <!--[ Má IE 7]>
 HREF = "idirlíon-explorer.css" <link rel="stylesheet" type="text/css" />
 <! [Endif] -> 

Sin é, anois agat ar do íomhá le teimhneacht in Internet Explorer agus araon Mozilla Firefox.

Breise

Tá sé seo i bhfeidhm an-mhaith a dhéanamh le pictiúr níos soiléire a éiríonn nuair a ritheadh an luch thar sé, as seo ní mór dúinn an mhaoin ": ainlíonn" a chur chuig ár rang in firefox araon CSS CSS mar Internet Explorer.

CSS Firefox:

  1
 2
 3
 4
 5

  . Íomhá-teimhneacht (
 teimhneachta: 0.8;)
 { . Íomhá-teimhneacht: ainlíonn (
 teimhneachta: 0.5;
 ) 

Internet Explorer CSS:

  1
 2
 3
 4
 5
 6

 filter : alpha ( opacity = 50 ) ; } .imagen-opacidad :hover { filter : alpha ( opacity = 80 ) ; } . Íomhá-teimhneacht (scagaire: alfa (teimhneacht = 50);). Íomhá-teimhneacht: ainlíonn (scagaire: alfa (teimhneacht = 80);) 

Is é Michael an cruthaitheoir agus eagarthóir skyandstars.net a fhoilsíonn treoracha agus ranganna teagaisc do WordPress, CuteNews, PHP, HTML agus níos mó. An bhfuil an mac léinn an choláiste faoi láthair.

Mijael166

Féadfaidh B'fhéidir go ceann de na hiontrálacha seo spéis agat

• WordPress téama ó thús (HTML)
• WYSIWYG eagarthóir is Fearr i WordPress
• Gineadóir @ font-aghaidh: Bain úsáid as foinsí coigríche i suíomh gréasáin
• dath cúlra Athrú ar an idirlín dinimiciúil
• CSS Do Bunrang (Chapter 1)

6 Freagairtí do "Íomhá Teimhneacht leis an CSS"

1. 

   Jorge

   22 Meitheamh, 2009

   Freagra

   nach bhfuil ag obair in Internet Exporer

2. 

   Mijael166

   26 Meitheamh, 2009

   Freagra

   Má oibríonn sé .... Cén leagan de Internet Explorer atá á úsáid agat? .. NOibreacha 7 agus suas ..

3. 

   maisa

   3 Iúil, 2009

   Freagra

   go éasca!, cheap mé go raibh mé níos mó eolaíocht xD qe

4. 

   maisa

   3 Iúil, 2009

   Freagra

   Hey Michael, tá roinnt suíomh feicthe agam go bhfuil íomhá dubh agus bán, agus iad ar a mbealach níos mó anois gur dath, tá a fhios agat conas é sin a dhéanamh?

5. 

   Mijael166

   3 Iúil, 2009

   Freagra

   Ba mhaith yeah's javascript ... ... go bhfuil a aimsiú cód chun é a dhéanamh leis an CSS .... is féidir leat nach bhfuil: (

6. 

   Maddie

   8 Lúnasa, 2009

   Freagra

   I mo thuairimse, mar sin is deacair a dhéanamh, ní féidir liom a bheith xD e_e eolaíocht