On Sep 22, 2015, at 8:10 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
> On Sep 22, 2015, at 9:31 AM, Crest Christopher <crestchristop...@gmail.com>
> wrote:
>
>> When placing a block level element within a block level element and the root
>> block level element has a pseudo:after applied, if there is a background
>> image on the root block level pseudo:after element it will render
>> overlapping the nested block level element background image, z-index doesn't
>> help and rearranging the semantic nested element in the mark-up doesn't come
>> to any workable conclusion either.
>>
>> <div id="root":after>
>> <div id="nested"></div>
>> </div>
>
>
>
> At this point I (we?) need a link to view oar a test case example exhibiting
> the same issues.
> Too much speculation on what your trying to accomplish otherwise.
> To me it sounds like your using background inappropriately for what your
> trying to accomplish.
> I could be wrong though.
Hey Crest,
You were using backgound-image: when (I think) you needed to be using just
background:
Is this what your trying to accomplish round abouts?
[code]
background:url("/wdp/wip/images/Learn2Basics_x320_bottom.png") top center/100%
auto no-repeat, url("/wdp/wip/images/bg_learntut.gif") center/auto repeat,
url("/wdp/images/grid.png") top center/auto repeat,
url("/wdp/wip/images/backgroundtitle.png") top center/100% repeat;
[end code]
For the images that need opacity, make the file a transparent png or gif with
it lightened in the file.
Can't do it with CSS without making the container transparent along with it.
Here is some reading material on background.
CSS Syntax
background: color image position/size repeat origin clip attachment
initial|inherit;
http://www.w3schools.com/cssref/css3_pr_background.asp
Yes its W3Schools, but its the correct synax to learn. So no harm no foul.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
