Joomla Templates Club 406,261 posts

[reivaj01 Friend reivaj01Join date: February 2010Posts: 41Downloads:16Uploads:2 Thanks: 11 Thanked: 15 times in 1 posts]

#180833

Hello

In the new version of the firefox browser (15.0.1), has changed the “border-image” treatment, and left the 2008 working draft to the 2011 candidate recommendation.

This is the reason because in the new firefox you can’t see the borders in the images, and with the older version or other browser, yes.

You can test it in the vintas demo page http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_vintas

The solution is very easy, you only need to add the “border-style: solid;” property to the image and put the “border-image” after the “moz-border-image”.

Example:

div.vmgroup ul.vmproduct li a img{
border-style:solid;
-moz-border-image: url("../images/border-hoz.png") 3 repeat;
-webkit-border-image: url("../images/border-hoz.png") 3 repeat;
-o-border-image: url("../images/border-hoz.png") 3 repeat;
border-image: url("../images/border-hoz.png") 3 repeat;
}


more information: http://dbaron.org/log/20120612-border-image and http://www.w3.org/TR/2011/CR-css3-background-20110215/#border-images

I hope the development team Joomlart consider these changes for future updates.

Regards

1 user says Thank You to reivaj01 for this useful post

1. Stork11

[Author]

Posts