css-sprites

问题 I am using compass to make image sprites. It successfully works on modern browser but its not working in ie 8 and ie7. I am really new to compass I just used some simple mixin to display the sprite. @include spr-sprite("arrow-step"); height:30px; width:30px; Is there anything am missing with it. Thanks in advance for the repliers. 回答1: Oh god. I was using sprite under the selectors like h1:not(#foo) which is not supported in ie 8 and ie 7. Its solved. 来源： https://stackoverflow.com/questions

问题 So I've got a series of clickable images in my page. I've tried to optimise this by generating a single image containing all the images I need and I intend to use sprites to select the one I want. I'm having trouble figuring out the best way to add anchor tags to the sprites though? So I'm after a clickable HTML element that supports sprites, preferably without using JavaScript. I can do it using JavaScript but I'd prefer to avoid it. OK, here's my code, what there is: .touringEscorted {

问题 I'm trying to optimize the mobile skin for www.talkjesus.com to be retina clear. I accomplished this with standalone images such as the facebook/twitter icons, the logo and the top right 3 icons in the header as well. Problem I'm having is doing this for the sprite image entirely. This is the css code (default) .ui-icon, .ui-icon-searchfield:after { background-image: url({vb:stylevar imgdir_mobile}/metro-icons-24.png); border-radius: 0; background-color: transparent; } .ui-icon-plus

问题 I'm trying to CSS use sprites to animate my Risk Matrix ... it works just fine in Firefox and Chrome, but image won't show up in IE ... The code is below, don't want to paste the whole thing in here, but the excerpt shows the pattern: <dl id="rmMap4x4"> <dd id="m4p4s1"> <a onclick="setDropDownListValues(4,1,3,4)" onmouseover="setDropDownListValues(4,1,-1,4)"> </a> </dd> <dd id="m4p3s1"> <a onclick="setDropDownListValues(3,1,2,4)" onmouseover="setDropDownListValues(3,1,-1,4)"> </a> </dd> ... <

问题 Not being massively experienced with gulp, this may well be a simple mistake on my part, but I've not been able to find a solution that works anywhere online... hoping stack overflow can save me! I'm trying to create a spritesheet and associated SASS (.scss) stylesheet using the node plugin sprity. https://www.npmjs.com/package/sprity I've installed sprity and sprity-sass (as well as gulp-sass and others I was already using). I got a number of errors during installation - don't know if these

问题 Not being massively experienced with gulp, this may well be a simple mistake on my part, but I've not been able to find a solution that works anywhere online... hoping stack overflow can save me! I'm trying to create a spritesheet and associated SASS (.scss) stylesheet using the node plugin sprity. https://www.npmjs.com/package/sprity I've installed sprity and sprity-sass (as well as gulp-sass and others I was already using). I got a number of errors during installation - don't know if these

问题 this is not a question about a specific programming problem, it's about examining different concepts. If the moderators don't feel this is ok, delete my question. I need to display 100 png images in a table td, and the images are 75x16 PNGs. In order to reduce the number of HTTP requests, I grouped all 166 images (only roughly 100 are shown at one time) in a big spritesheet, and have used the IMG tag to display the output, one image at a time. This is the code: CSS: .sprites {background-image

问题 Does IE6 support css-sprites? 回答1: Yes IE 6 supports sprites but doesn't support 24 bit PNG transparency. I use this css hack for giving IE < 7 a gif file and everything else a 24 bit png with transparency. background-image:url(/images/sprites/icons-sprite.png); _background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */ 回答2: You can also use Glue http://gluecss.com/ It's an open-source command line tool to generate sprites. 回答3: CSS sprites is a general solution

问题 So, I'm looking to do a background image in CSS using a sprite sheet. And just to be clear, no I am not going for this effect. I have a full sprite sheet, and I would like to take a 16px by 16px square on the sheet and set it as the background that will be repeated. At some point in the future, I hope to be able to do this via spacial dimensions using media fragments in the URL parameter, but since this isn't supported yet I'm looking for an alternative. Is there any way to get this same

问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 5 years ago . is css-sprite good technique? I read about its pros at http://spriteme.org/ and have also I seen a lot of questions about css sprites here in stackoverflow. What are its cons? Will it work in all browsers as claimed in their site? 回答1: Yes, it is a good technique. You can