WebDev » CSS http://webdev.gold.lv Dažādi pieraksti par dažādām lietām Wed, 07 Jan 2009 17:27:44 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Caurspīdīgie PNG http://webdev.gold.lv/2008/10/caurspidigie-png/ http://webdev.gold.lv/2008/10/caurspidigie-png/#comments Sat, 18 Oct 2008 12:19:19 +0000 M http://webdev.gold.lv/?p=3 Lai arī ir iespējams izvairīties no caruspīdīgu PNG izmantošanas web-lapās, tomēr sarežģītākos dizainos tas ir neizbēgami un nākās izvēlēties pareizo metodi caurspīdības iegūšanai iekš Internet Explorer. Ar parastām bildēm viss ir vienkārši – manuāli pielietojam filtrus vai arī izmantojam seno pngfix.js.

Nedaudz sarežģītāk ir ar tādām lapām, kurās visi attēli ir PNG formātā un daļa no tiem ir caurspīdīgi. Visērtāk ir pielietot gatavus skriptus, bet tie visbiežāk aizvieto arī necaurspīdīgos PNG un dēļ dažiem ierobežojumiem tiek sabojātā visa lapa. Priekš sevis es atradu iepngfix.htc kā ērtāko risinājumu, jo attēlu aizvietošanu varam piemērot tikai atsevišķiem elementiem, kur tas tiešām ir nepieciešams. Lūk arī neliels piemērs:

1
2
3
4
5
6
7
8

 <head>
 ...
 <!--[if lt IE 7]>
  <style type="text/css">
   .filter, img { behavior: url(iepngfix.htc) }
  </style>
 <![endif]-->
</head>
]]> http://webdev.gold.lv/2008/10/caurspidigie-png/feed/ 0