On Dec 16, 2010, at 5:58 AM, TriState Advantage, Kris Jacobson wrote:
> div#header {
> background-image:url (media-queries-phone.jpg);
> height: 93px;position: relative; }
>
> How does this then replace the graphic already placed on the page with an img
> tag in the html?
> Thats when I got to wondering if you needed to place the original graphic in
> the CSS with the background-image attribute. Responses tell me no so I am
> still confused.
You cannot replace a graphic embeded in the page with the <img> tag through css
/ media queries. What you *can* do is resize that graphic with css - e.g make
it smaller if the viewport is narrow.
e.g.
@media only screen and (max-device-width: 480px) {
#header img {width:100px;}
}
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [cs...@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/
