html - Background image in css being resized -


i have css code, creates triangle , background image fixed:

.post-wrapper_pic2 {     position: absolute;     width: 922px;     height: 1550px;     -webkit-clip-path: polygon(0 50%, 100% 50%, 50% 100%, 0 50%); background: url("http://krishnaeverson.com/wp-content/uploads/2014/01/universe.png") center center;     background-attachment: fixed;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;      z-index:10px;   } 

but problem image beeing resized , though put hight quality image background appears pixelated. can figure what's wrong in i'm doing?

you apparently wondering css property named background-size leads resizing of image … should’ve looked does.

background-size:

cover
keyword specifies background image should scaled small possible while ensuring both dimensions greater or equal corresponding dimensions of background positioning area.


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

ios - Change Storyboard View using Seague -

verilog - Systemverilog dynamic casting issues -