background-image

问题 I'm trying to get 3 images to cycle through as backgrounds for a Bootstrap 3 jumbotron. But the problem is that I have 3 divs within the jumbotron and all the solution i've tried so far requires me to change the position of the jumbotron to relative and the background images to absolute. And because I'm trying to keep the site responsive, doing so severely messes up the look at smaller scales. I've also tried placing the jumbotron over a carousel by making the jumbotron absolute and carousel

问题 i wonder if you know a way to able or disable a css rule when client has ie. I've this style #number_one{ background-image: url("../img/pins/1.png"); top: 250px; left: 115px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale')"; } I want background-image to work on all browser except IE, becuase Filters will do the background-image

问题 I know I can't change the src attribute of an <img> tag with CSS. But is there a possiblity to hide the image from the src attribute, and set a background image on the <img> tag instead? i thought something like that: moving the actual image with padding/text-intend etc. out of view and after that setting the background-image of the img-tag, so it looks like an other image. Js is not an option, because it's about templating an existing page. 回答1: You can do that by pointing the img src to a

问题 I'm trying to make some JavaScript code to change the background of two div tags every X seconds. Here is my code: HTML <div id="bg_left"></div> <div id="bg_right"></div> CSS body{ height:100%; } #bg_left{ height:100%; width:50%; left:0; position:fixed; background-position:left; } #bg_right{ height:100%; width:50%; right:0; position:fixed; background-image:url(http://presotto.daterrawebdev.com/d/img/pp_hey_you_bg.png); background-position:right; } JAVA SCRIPT function carousel_bg(id) { var

问题 I have the above image I have to set it in such a way that it covers the entire page. I tried the following code. margin: 0px; background: url(../images/common/header/Background_color.png); background-repeat:repeat-x; background-attachment:fixed; background-position:top center; height: 100%; width: 100%; border: 0; display:inline-block; background-color: transparent; But what I get is this. It is not covering the entire page. At the bottom I am getting the white space.Could anyone help me?

问题 I am trying to manipulate the background image as soon as the user hovers over a selected option. I tested my code in firebug and loaded up the page. Instantly I get: TypeError: document.getElementsByTagName(...).style is undefined var bg = document.getElementsByTagName("html").style.backgroundColor = "white"; and for the hover I get: TypeError: bg.document is undefined bg.document.getElementsByTagName("html").style.backgroundImage = "url('http://upload.wikimedia.org/wikipedia/commons/b/be

问题 I tried to get the "background image change on scroll" working on my page. but while scrolling the changes are flickering. I couldn't find a solution in other threads. This is what I have: jquery: $(function(){ $(document).scroll(function () { if ($(this).scrollTop() > 1) { $('body').css({ backgroundImage: 'url("img/picture1.jpg")' }); } if ($(this).scrollTop() > 800) { $('body').css({ backgroundImage: 'url("img/picture2.jpg")' }); } CSS: body { background: url('../img/picture1.jpg');

问题 I want to put a jpg image as background for a gnuplot output file. The goal is to have a nice looking web based weather station. Right now I'm using gnuplot png output with transparent background setting and then setting a background image in the html code. But the result looks funky around the text. Check out the current state at : http://drgert.dyndns.ws:8000/bmp085/bmp085.php So I was thinking it might be better to set the background in gnuplot itself. I can set a background using a

问题 I have made an svg image that I am using as a background image. I does not work in IE8 and below (as expected), and I thought I could use something use like: http://twostepmedia.co.uk/svgeezy/ or http://code.google.com/p/svgweb/. However, none of these support SVG as a background-image/background, only IMG and Object etc. Code: background:url('img/bck_hero.svg'); How can I get an SVG as the background in IE8/7 or have a fallback image? Is there a javascript library that could do this? Thanks

问题 I have a website with a repeated background image. background: url(images/back_small.png) repeat center center fixed; I would like it more, however, if the image were not repeated one copy after an other, to add some variation. The final result should be a sort of a dotted pattern where the image appears now and then, instead of being instantly repeated. I have no idea if this is possible with CSS, but if so... I'm waiting for idea :D 回答1: I recommend using a variation of the multiple