CSS3 PIE Forums

Problems with multiple background images (joomla)
Page 1 of 1

Author:  kefalia [ Tue Jul 30, 2013 6:40 am ]
Post subject:  Problems with multiple background images (joomla)

The problem is with the ie8. Here's the part of the main css file that doesn't work: no background image is displayed. All of the image urls are relative to the HTML document, not to the css file.

#wrapper {
  display: inline-block! important;
  position: relative;
  right: 0;
  width: inherit;
  height: 100%;
  height:auto !important;
  background: url(../images/3.jpg) left repeat-y,
           url(../images/11.jpg) right top no-repeat,
           url(../images/10.jpg) right repeat-y;
           url(..images/3.jpg) left repeat-y,
           url(..images/11.jpg) right top no-repeat,
           url(..images/10.jpg) right repeat-y;
  behavior: url(/templates/my_template/fixes/PIE.htc);
  z-index: 28;

Where is a mistake? :)

Author:  jdran [ Sun Oct 20, 2013 4:18 pm ]
Post subject:  Re: Problems with multiple background images (joomla)

I face the same problem (Joomla 2.5).

However, I can note a mistake you have. Creator specifies that you use z-index and position:relative only to anchestor element, and not the one you target.

Tell me if this fixes it.

Author:  jdran [ Sun Oct 20, 2013 11:10 pm ]
Post subject:  Re: Problems with multiple background images (joomla)

Back again, I couldn't fix the problem with background images. The closer I went is to display some kind of a white background instead the of desired one (a transparent cool pattern from Subtle Patterns, and a brownish color behind which made a nice result).
Anyways, for anybody wants to save some time and find a temporary solution, have a look on this:
http://nicolasgallagher.com/multiple-ba ... with-css2/
pretty good solution which helped me a lot.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group