If you add a bg image to a container, it will be its actual size UNLESS you add styles that effect its size. Cover, contain, background-size:100% auto; and the like will effect the size of the bg img.
If you want to see the entire bg img at its actual size the container needs to be the same dimensions of the image. On Friday, May 22, 2015, Crest Christopher <crestchristop...@gmail.com> wrote: > Background-size: 100% auto, scales the background image smaller. If I add > to the element width:<width of the image> the size of the background image > is perfect, in other words, the exact results I want. Is it recommended to > add width, unless you are using a positioning for the element ? > > No other background-size method you suggested gives me the same results as > just using; width ! > > Karl DeSaulniers <mailto:k...@designdrumm.com> >> Thursday, May 21, 2015 1:26 AM >> Try one of these Chris. >> >> background-size: 100% auto; //Full width proportionate height (gets cut >> off by size of container) >> background-size: 100% 100%; full width and height (stretchy) >> background-size: auto 100%; //Full height proportional width (gets cut >> off by size of container) >> >> HTH, >> >> Best, >> >> Karl DeSaulniers >> Design Drumm >> http://designdrumm.com >> >> >> >> >> ______________________________________________________________________ >> 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/ >> Crest Christopher <mailto:crestchristop...@gmail.com> >> Thursday, May 21, 2015 1:22 AM >> Background-size, or bg:cover won't cause a background graphic to be the >> actual width of the graphic, instead {width} works, can this be used on a >> background image ? >> > ______________________________________________________________________ > 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/ > -- 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/
