I put a class=baselinks so I could control the footer image opacity
independently; it appears that isn't working because of the
pseudo-element interfering, any other suggestions before I come to a
conclusion ?
Karl DeSaulniers wrote:
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/
______________________________________________________________________
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/