If there is nothing else in the container that you are applying the bg
image to, then the container height will be zero.
On Tuesday, August 23, 2016, Angela French <afre...@sbctc.edu> 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
> afre...@sbctc.edu <javascript:;><mailto:afre...@sbctc.edu <javascript:;>>
> www.sbctc.edu<http://www.sbctc.edu/>
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org <javascript:;>]
> 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/
>
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
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/
