Levei uma tremenda surra quando comecei a fazer um site, e tive que expotar as imagens em PNG, mas n\u00e3o era somente isso precisava realmente fazer com que a imagem ficasse transparente e com sombra, depois de uma vasta varrida no Pai dos Bur… rs, ou seja, o Google! Achei uma solu\u00e7\u00e3o para meu problema, e resolvi compartilhar com todos na web.<\/p>\n
primeiro fa\u00e7o o seguinte informo que s\u00f3 \u00e9 v\u00e1lido abaixo de Internet Explorer 7, \u00e9 necess\u00e1rio colocar entre a tag HEAD:
<!–[if lt IE 7]>
<link rel=”stylesheet” href=”png_fix.css” type=”text\/css”>
<![endif]–><\/p>\n
depois coloco no caminho o seguinte arquivo: png_fix.css<\/p>\n
\/* pngfix *\/
.png,
img{
behavior: expression(
(
this.origBg = this.origBg?
this.origBg
:
this.currentStyle.backgroundImage.toString().replace(‘url(“‘,”).replace(‘”)’,”)
),
this.behaviorSet == undefined?
(
this.origBg.match(\/.png$\/) == null?
(this.nodeName == “IMG” && this.src.match(\/.png$\/))?
(
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + this.src + “‘, sizingMethod=’image’)”,
this.src = “imagens\/transparente.gif”
)
:
null
:
this.origBg.match(\/.png$\/)?
(this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + this.origBg + “‘, sizingMethod='” + ((this.currentStyle.backgroundRepeat == “no-repeat”)? “crop” : “scale”) + “‘)”,
this.style.background = ‘none’):null
)
:
null
,
this.style.behavior=’none’,
this.runtimeStyle.behavior=’none’,
this.behaviorSet = true
);
}<\/p>\n
mas temos q tomar muito cuidado com o Firefox, pois ele funciona PNG com transpar\u00eancia normalmente, ser\u00e1 necess\u00e1rio identificar o browser usado, e aplicar este fix somente quando o usu\u00e1rio estiver usando o Internet Explorer.<\/p>\n
Infelizemente n\u00e3o consegui testar em todos os browser, seria legal quem tivesse vontade de compartilhar quais os browser que o PNG funciona normalmente, coloquem um POST indicando o Browser testado.<\/p>\n
– Firefox (Funciona)
– Internet Explorer (N\u00c3O Funciona) – Precisa do FIX<\/p>\n","protected":false},"excerpt":{"rendered":"
Levei uma tremenda surra quando comecei a fazer um site, e tive que expotar as imagens em PNG, mas n\u00e3o era somente isso precisava realmente fazer com que a imagem ficasse transparente e com sombra, depois de uma vasta varrida no Pai dos Bur… rs, ou seja, o Google! Achei uma solu\u00e7\u00e3o para meu problema, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-tecnobit"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"yoast_head":"\n