2015-01-11, 6:59, Crest Christopher wrote:
The background image should sit on-top of the background color,
Yes, if both are specified.
instead the background color is overriding my background image ?
background-color:#343630;/*#b7b7b7;*/
background:url("/wdp/wip/overlay_bg.png");
I would suggest a little trip to WC3.
You have posted this a lot. it should be
background-image:
if your just setting the url attribute to your background image.
background:
if your setting the url, position, size, origin, color, etc as the shorthand
notation.
See here:
http://www.w3school
Try making the background color the last item in the list.
On Sat, Jan 10, 2015 at 11:59 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
>The background image should sit on-top of the background color, instead
> the background color is overriding my background image ?
>
> backgrou
The background image should sit on-top of the background color,
instead the background color is overriding my background image ?
background-color:#343630;/*#b7b7b7;*/
background:url("/wdp/wip/overlay_bg.png");
background-position:top;
background-blend-mode: overlay;
m
On Sat, Jan 10, 2015 at 5:11 PM, Crest Christopher
wrote:
> I want to create a drop shadow based on the masked image for the image, this
> is what I've unsuccessfully done so far;
> http://www.thecreativesheep.ca/wdp/wip/PaperTear.htm
>
> Christopher
You are better off making the shadow as part o
I want to create a drop shadow based on the masked image for the image,
this is what I've unsuccessfully done so far;
http://www.thecreativesheep.ca/wdp/wip/PaperTear.htm
Christopher
__
css-discuss [css-d@lists.css-discuss.org]
I would recommend using min-width MQs. That will apply the styles to
devices whose width is AT LEAST as wide as the designated width in the MQ.
What I do is set base styles that apply to all devices up to the next
min-width MQ. These base styles cover the multitude of size differences. At
the firs
> On Jan 10, 2015, at 10:05 AM, Chick Newman wrote:
>
> What I'd like to know is whether this query will apply to all devices whose
> maximum viewports are smaller than 600 px, e,g, if it is only 380 px. If
> not, does that mean I have to set up a max-width property specific for every
> hand
I am trying to set up a media query for my website. Here's a
hypothetical example of a query:
@ media and (max-width:600px) {
#stage {
width:50%;
clear:both;
}
}
What I'd like to know is whether this query will apply to all devices
whose maximum viewports are smaller than 60