Stretch background image css

Question

lt td class  style1  align  center  height  35  gt     lt div style  overflow  hidden  width  230px   gt       lt a class  link  herf    onclick  topic  lt    key   gt    gt         lt span id  name lt    key   gt   gt  lt    name   gt  lt  span gt       lt  a gt     lt  div gt   lt  td gt    This is my CSS script   style1     background-image  url  http   localhost msite images 12 PNG      background-repeat  no-repeat    background-position  left center      I want to stretch the background-image all over the  lt td gt  cell

User · Answer

This works flawlessly   2019    marketing-panel        background-image  url     images background jpg        background-repeat  no-repeat      background-size  auto      background-position  center

User · Answer

I think what you are looking for is   style1     background  url  http   localhost msite images 12 PNG      background-repeat  no-repeat    background-position  center    -webkit-background-size  contain    -moz-background-size  contain    -o-background-size  contain    background-size  contain

User · Answer

style1     background  url images bg jpg  no-repeat center center fixed    -webkit-background-size  cover    -moz-background-size  cover    -o-background-size  cover    background-size  cover      Works in    Safari 3   Chrome Whatever   IE 9   Opera 10   Opera 9 5 supported background-size but not the keywords  Firefox 3 6   Firefox 4 supports non-vendor prefixed version    In addition you can try this for an IE solution  filter  progid DXImageTransform Microsoft AlphaImageLoader src   myBackground jpg   sizingMethod  scale    -ms-filter   progid DXImageTransform Microsoft AlphaImageLoader src  myBackground jpg   sizingMethod  scale     zoom  1    Credit to this article by Chris Coyier http   css-tricks com perfect-full-page-background-image

User · Answer

CSS3  http   webdesign about com od styleproperties p blspbgsize htm   style1           background-size  100       You can specify just width or height with   background-size  100  50     Which will stretch it 100  of the width and 50  of the height     Browser support  http   caniuse com  feat background-img-opts

User · Answer

You can t stretch a background image  until CSS 3    You would have to use absolute positioning  so that you can put an image tag inside the cell and stretch it to cover the entire cell  then put the content on top of the image    x000D   x000D  table   x000D    width  230px  x000D    x000D   x000D   style1   x000D    text-align  center  x000D    height  35px  x000D    x000D   x000D   bg   x000D    position  relative  x000D    width  100   x000D    height  100   x000D    x000D   x000D   bg img   x000D    display  block  x000D    width  100   x000D    height  100   x000D    x000D   x000D   bg  linkcontainer   x000D    position  absolute  x000D    left  0  x000D    top  0  x000D    overflow  hidden  x000D    width  100   x000D    x000D   lt table cellpadding  0  cellspacing  0  border  10  gt  x000D     lt tr gt  x000D       lt td class  style1  gt  x000D         lt div class  bg  gt  x000D           lt img src  http   placekitten com 20 20  alt      gt  x000D           lt div class  linkcontainer  gt  x000D             lt a class  link  href     gt  x000D               lt span gt Answer lt  span gt  x000D             lt  a gt  x000D           lt  div gt  x000D         lt  div gt  x000D       lt  td gt  x000D     lt  tr gt  x000D   lt  table gt  x000D   x000D   x000D

User · Answer

Just paste this into your line of codes    lt meta http-equiv  X-UA-Compatible  content  IE Edge    gt

[html] Stretch background image css?

Examples related to html

Examples related to css

Examples related to background