@michi; define height in your before pseudo class CSS: #videos-part:before{ width: 16px; content: ” “; background-image: url(/img/border-left3.png); position: absolute; left: -16px; top: -6px; height:20px; }
Resize the image to fit the div size. With CSS3 you can do this: /* with CSS 3 */ #yourdiv { background: url(‘bgimage.jpg’) no-repeat; background-size: 100%; } How Do you Stretch a Background Image in a Web Page: About opacity #yourdiv { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } Or look … Read more
Specify height: 100% on the html, body and #body2 elements (line 1358). html, body, #body2 { height: 100%; min-height: 100%; } Not tested in IE 6, works in 7 though.
According to your CSS file path, I will suppose it is at the same directory with your HTML page, you have to change the url as follows: body { background: url(img/debut_dark.png) repeat 0 0; }
Use this: #third{ background: url(“/static/img/sample.jpeg”) 50% 0 no-repeat fixed; color: white; height: 650px; padding: 100px 0 0 0; } Most probably This will work.Use “/static/” before your image URL and then try them. Thanks
For full image background, check this: html { 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; }
You cannot have transparent background colors in your JPEGs. The JPEG file format doesn’t support transparency. If you need transparent background, you need to convert the JPEG to either PNG (high quality, filesize possibly larger than JPEG) or GIF (in case you can tolerate low quality and a range of maximally 255 colors). Example command: … Read more
background: url(../images/backgroundImage.jpg) no-repeat center center fixed; this should help
The solution by PeterVR has the disadvantage that the additional color displays on top of the entire HTML block – meaning that it also shows up on top of div content, not just on top of the background image. This is fine if your div is empty, but if it is not using a linear … Read more
Nowadays, it is possible to do it simply with CSS property “background-blend-mode”. <div id=”content”>Only one div needed</div> div#content { background-image: url(my_image.png); background-color: rgba(255,255,255,0.6); background-blend-mode: lighten; /* You may add things like width, height, background-size… */ } It will blend the background-color (which is white, 0.6 opacity) into the background image. Learn more here (W3S).