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
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
On Jan 10, 2015, at 10:05 AM, Chick Newman ch...@newmanveterinary.com 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
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]
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 ?
On Sat, Jan 10, 2015 at 5:11 PM, Crest Christopher
crestchristop...@gmail.com 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
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;
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: