Your jsfiddle uses background-image instead of background It seems to be a case of “not supported by this browser yet”. This works in Opera : http://jsfiddle.net/ZNsbU/5/ But it doesn’t work in FF5 nor IE8. (yay for outdated browsers 😀 ) Code : body { background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 400px 200px / 600px 400px no-repeat; } You could do … Read more
This would be browser dependent, since it’s how they decide to implement the spec, however in a quick test here: Chrome: Doesn’t FireFox: Doesn’t Safari: Doesn’t IE8: Doesn’t IE7: Doesn’t IE6: Unknown (Can someone test and comment?)
This can actually be done with only CSS, but the content inside the div must be absolutely positioned. The key is to use padding as a percentage and the box-sizing: border-box CSS attribute: div { border: 1px solid red; width: 40%; padding: 40%; box-sizing: border-box; position: relative; } p { position: absolute; top: 0; left: … Read more
You have to reset each individual property back to its default value. It’s not great, but it’s the only way, given the information you’ve given us. In your example, you would do: .c1 { height: auto; } You should search for each property here: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference For example, height: Initial value : auto Another example, max-height: … Read more
Have you tried using the following: direction: rtl; For more information see http://www.w3schools.com/cssref/pr_text_direction.asp
All these tips will work, but a simpler way might be to include your stylesheet after the Bootstrap styles. If you include your css (site-specific.css) after Bootstrap’s (bootstrap.css), you can override rules by redefining them. For example, if this is how you include CSS in your <head> <link rel=”stylesheet” href=”https://stackoverflow.com/questions/8084964/css/bootstrap.css” /> <link rel=”stylesheet” href=”css/site-specific.css” /> … Read more
This works really well for me: .image-upload>input { display: none; } <div class=”image-upload”> <label for=”file-input”> <img src=”https://icons.iconarchive.com/icons/dtafalonso/android-lollipop/128/Downloads-icon.png”/> </label> <input id=”file-input” type=”file” /> </div> Basically the for attribute of the label makes it so that clicking the label is the same as clicking the specified input. Also, the display property set to none makes it so … Read more
The CSS @import path <url> is usually relative to the current working directory. So using the prefix ~ at the start of the path tells Webpack’s css-loader to resolve the import “like a module”, starting from the node_modules directory. What that means is that if you have a node module called normalize installed, and you … Read more
This works 🙂 (I hope multi-browser, Firefox likes it) li { display: inline; list-style-type: none; } li:after { content: “, “; } li:last-child:before { content: “and “; } li:last-child:after { content: “.”; } <html> <body> <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> </body> </html>
Don’t apply these properties to the whole body. Move them to a class and apply that class to the elements you want to disable select: .disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }