background-image

问题 I want to generate a matrix of css selector in the form of .cX.rY selectors for a grid of something like 10 x 10. But I'm not seeing how I can do this less (I'm pretty new to .less). I'm using DotLess too, so perhaps there are some built-in limitations with that; I don't know for sure on that front. @col-width: -24px; @row-width: -24px; .img-pos(@col, @row) { background-position: (((@col - 1) * @col-width) - 1) (((@row - 1) * @row-width) - 1); } .c2.r1 { .img-pos(2, 1); } .c2.r2 { .img-pos(2,

问题 I have several divs displayed next to each other on my site, each with a different background image. I have created a script that changes the background images at a random time interval, However, the script changes all the images at the same time....I want each one to change randomly, totally independent of the other....I'd also like them to fade, but the timing is the key question here. Here is my script I'm working with. jQuery(window).load(function(){ var images = ['images/gallery

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'm looking for a script ! I want to do like the footer of this website ( animation between the background images where it's written '' Don't miss any update '') : https://getgoldee.com/ Does anyone know a similar script or is able to get it from this website ? Thank you for your answers ! 回答1: This is how I

问题 Here's some sample code that I want to control using jQuery (white button bg on black page bg): <ul class="buttons"> <li class="button-displays"><a href="/products/">Products and Services for the company</a></li> <li class="button-packaging"><a href="/packaging/">Successful packaging services for the company</a></li> <li class="button-tools"><a href="/tools/">Data, mail and print tools for your company</li> </ul> In the CSS file, I have the following: .buttons li { background-image: url

问题 This question already has answers here : How to combine two images diagonally using CSS/JavaScript? (3 answers) CSS3 slanted div with background image, with image behind the whole thing (2 answers) 5 images symmetrically seperated with diagonal lines (1 answer) Closed last year . I'm trying to have this result with CSS3 (not use JS) - 2 images (1 left, 1 right) seperate by a border not vertically (with an angle) The thing I want to make :) I tried a lot of things with no success. 回答1: You can

问题 I have a backgorund image and want to position some radio buttons (the circle of the radio button will be hidden and only the label will appear) just close to the red triangles (as shown here) . How can I do this? Please see my code here input[type="radio"] { display: none; } input[type="radio"]:checked + label { border: 2px solid red; } <img src="http://i.stack.imgur.com/CUTm6.png" alt="Synoptic table" align="center"> <div class="buton"> <input type="radio" name="a" value="a" id="a" />

问题 I have a question about SVG background transition problem in Chrome. It works fine & smooth in Firefox, Safari and Internet Explorer but not in Chrome. When I am hovering the button it first shows larger SVG and than it's downgrading to desired size. It's working smooth in all other browsers except Chrome. Please check : jfiddle .button { background: rgba(0, 0, 0, 0.6) url('https://cdn.mediacru.sh/b/bnN8POn3lz8M.svg') top left no-repeat; background-position: center; background-size: 100%

问题 I've been at this for hours so hopefully someone can help. I have a website where a large majority of the divs are skewed. Most of the divs contain background images. Right now I've got the div skewed and the content sitting in it perfectly, the only issue is the background image, it's skewing along with the parent. I googled quite a bit and haven't been able to find much, maybe I'm using the wrong terminology for what I'm looking for. Here is code for one of the skewed divs I have: CSS:

问题 adding some random number it works, but only for img <img src="example.jpg?377489229" /> Is there any way to prevent caching prp. background-image ? <div style="background-image: url(example.jpg )"></div>" 回答1: The same technique will work there. <div style="background-image: url(example.jpg?377489229)"></div> Assuming your server doesn't act differently with the presence of that GET param. This will only break the cache once though, if you want it to always hit the server, you will need to

问题 I'm having trouble getting my angular5 service worker to work. I have two main problems: The service worker doesn't cache assets images that are used as background-images After simulating a network disconnect the service worker initially pulls files from the cache (except the the aforementioned non cached files), but after a second refresh it runs into an error. Below is a more detailed report of my problem. You can follow along by cloning a repo I made to highlight this problem located here.