background-image

I'm working with an SVG pattern that uses a custom font , so as to use that pattern as a background image on an HTML page. Everything renders fine in Chrome and Safari but it starts to get funny in Firefox: Firefox renders the SVG along with the custom font text just fine when I open the SVG file itself (so far so good!); However, Firefox does NOT render the custom font anymore when that same SVG file is used as the background to an HTML element (!) I've spent hours trying to isolate the issue and a fresh pair of eyes would be welcome. Here's what I've got in short: CSS: @import url(http:/

I have a background image that has an arrow that points to the right. When a user clicks on the button, the selected state changes the arrow to point down (using a different background position in my image sprite). Is there anyway to animate this using CSS3 so once the button is clicked and jQuery assigns it a "selected" class, it will rotate in an animation (only 90 degrees) from the right to down? (preferably using the single image/position with the arrow that points to the right) I'm unsure as to whether transform or key animation frames need to be used. you could use the ::after (or :

I wanted to put a border around a table which has a background image. The border works fine, but when I do this (it is an 8px border) the background image gets cut off by the border. Am I able to shift the background image to start 8px to the right and 8px down? You can use the background-position: background-position: 8px 8px; schubySteve you could also use some short hand. background: <colour> <image url> <repeat> <left> <top> <scroll> for yours i'd be thinking something like: background : transparent url(<location to img>) no-repeat 8px 8px scroll; Rather than manually shifting the image by

Sorry for a lack of example on this one, but I figure it's easy enough to understand. I have a fixed background on my site, which is currently implemented like this: #background { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #28305e; background-image: url(../images/background.jpg); background-size: cover; -moz-background-size: cover; background-position: center center; z-index: -10; } <div id="background"></div> This is great in all browsers so far except for mobile browsers where they hide the address bar upon scroll-down. When the address bar is hidden, the

I am developing an iphone app where i have to change lockscreen image programmatically when app is running in background.I have got lots of stuff saying it is not possible but there is an app for this please let me know how to acheive this. Thanks. The only way you can change the lockscreen image is when you are playing audio. Police Scanner+ does play audio, and therefore can set an image. This only works with iOS 5+ and is done something like this. - (void)setupNowPlayingInfoCenter:(MPMediaItem *)currentSong { NSString *ver = [[UIDevice currentDevice] systemVersion]; CGFloat version = 4.0;