Hi Angela,
Try this...
#surveylinkbar {
background-image: url('/_resources/images/websurvey-banner4.gif') ;
background-repeat:no-repeat;
background-size: 100% auto;
background-position: center;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 23, 2016, at 2:57 PM, Angela French <[email protected]> wrote:
>
> Hello,
> I have a banner I am trying to run across the entire page and have it get
> smaller as the device gets smaller. My plan is to make a different
> background image when I get down to cell phone size.
>
> I had no problems accomplishing what I want when I was using an <img> tag,
> but now that it is a background image I cannot get the image to render unless
> I put an explicit height on it.
>
> Here is my current css:
>
> #surveylinkbar {
>
> background-image:
> url('/_resources/images/websurvey-banner4.gif') ;
> background-repeat:no-repeat;
> background-size:contain;
> background-position:center;
>
> }
>
> Here is my development link:
> http://www.dev.sbctc.edu/_testing/test-survey-bar-4.aspx . Greatly appreciate
> any advice.
>
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> [email protected]<mailto:[email protected]>
> www.sbctc.edu<http://www.sbctc.edu/>
>
> ______________________________________________________________________
> css-discuss [[email protected]]
> 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 [[email protected]]
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/
