CSS property that sets the initial position, relative to the background position layer defined by background-origin for each defined background image
1
vote
2answers
473 views
iPhone ignores background-position with svg
I'm using an svg background image on a simple anchor element and need the graphic positioned to the right of the element.
It works in most browsers, except on iPhone (fine on iPad).
I've set up two ...
0
votes
2answers
120 views
CSS - how to set up background: position for 2 images beneath it for hover effect?
I have two images in one - width is 16px, height is 24px (so each images is 16x12 px).
I would like to display first the upper image - I am doing it this way:
background: url('image.png') left 0px ...
0
votes
2answers
49 views
Centering a background image with a gradient inline
My current css is
background: -moz-linear-gradient(top, rgba(47,163,216,0.85) 0%, rgba(47,163,216,0.85) 100%),
url(http://i.imgur.com/HS5coix.jpg); /* FF3.6+ */
background: -webkit-gradient(linear, ...
0
votes
2answers
158 views
body background image position issue in css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta ...
0
votes
2answers
302 views
jQuery .animate() a single CSS attribute that has multiple values
I'm trying to animating the background-position of an element using jQuery's .animate() method. The background-position attribute is set by defining both the x and y values, like so:
...
0
votes
2answers
106 views
CSS background-image using background-position has a glitchy effect
The code that is having the problem is:
/* footer */
#footerwrapper {
height: 225px;
background-color: #000000;
background-image: url('../images/footbgRight.jpg');
...
4
votes
1answer
855 views
jQuery IE10 behavior of css('background-position')
I have simple code snippet:
$('div').css('background-position', '0px 0px');
alert( $('div').css('background-position') );
And I expect that I will receive '0px 0px', but I have received "0% 0%" in ...
internet-explorer
3
votes
1answer
134 views
form field that is acting out of line (literary)
I got a form in the following URL http://netaimg.co.il/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8/ (Hebrew)
whenever someone clicks the "name" tag (the right most one, I've added a picture with the name ...
2
votes
1answer
99 views
Jquery Modify background position from existing for each class instance?
I am creating a parallax on a page that is modifying background positions and what I have works as long as I want all the backgrounds to start at zero. The problem is I don't want them all to start at ...
2
votes
1answer
557 views
Using a CSS image sprite for hover effect without the scrolling animation
I'm using a sprite image to change the background on hover and click (the .keepImage class is for the click). It all works, but when the background picture changes it scrolls over to the correct ...
2
votes
1answer
138 views
CSS Background Position when using :target
Ok so I've done some looking around and couldn't find a good enough answer to this question.
Basically what I'm trying to do is minimize my websites header when a button is clicked.
Heres the CSS: ...
2
votes
1answer
1k views
How can I have fixed background in a div?
I have a site, and in one of my pages I use a div which looks like an editor. I can have a background in this div and the content above it. I want this background to stay in a fixed position while I ...
1
vote
1answer
95 views
jQuery .animate issue
I have the following piece of code.
if ($(checkboxID)[0].checked == false) {
$(this).animate({
'background-position-x': '0%',
...
1
vote
1answer
181 views
Background image not staying fixed in IE8 (anythingSlider)
Link referenced to in the text below: http://www.massgeneral.org/international/dev/full-screen.aspx
If you preview the CSS for the div with the class "anythingNavWindow", you can see a background ...
0
votes
1answer
15 views
css background position X important
There are belive to set background-position X to 0 with flag !important and background position Y without !important?
For example:
background-position-x: 0 !important;
background-position-y: 10%;
0
votes
1answer
35 views
Align fixed background with CSS calc
I hope what I try is not impossible.
Let me explain first: I have a responsive design which requires a background to be fixed under some situations (media query blocks). The design in question is ...
0
votes
1answer
35 views
How do I use css to set a background image using the cover property on a div, not the body?
I have a div, .cover-section, that I want to have a full background image that is the size of the viewport. I want to use the cover css property. I have got this working for the body of the page, ...
0
votes
1answer
26 views
CSS3 animation speed after hover not right in Webkit browsers
Its difficult to explain the problem I'm trying to solve. I've made a very simple JSFiddle to help.
http://jsfiddle.net/8Njmz/1/
#image {
width:400px;
height:400px;
...
0
votes
1answer
25 views
set or shift background image via css/less for firefox
I have the below which works really well for all browsers except Firefox.
Basically it loads a background sprite image and positions it depends on the classes. Is there a work around for Firefox or a ...
0
votes
1answer
64 views
background-image not positioned fixed on different devices
I built a website with a small background image in the right bottom.
On a desktop, the background image stays on the bottom when I scroll the page.
On an Android device, the background image scrolls ...
0
votes
1answer
79 views
javafx background image position outside of hbox
The problem occurs when -fx_background-position:0 -40 is set either by a loaded style.css or in code via an action handler.
In my example the background image is set on an hbox width one cell. When ...
0
votes
1answer
73 views
background-position not displaying correctly on mobile phones
.icon {
background: #F0F0F0 url('../images/assets/user.png') no-repeat center left 10px;
background-size: 24px 24px;
-webkit-background-size: 24px 24px;
}
The above CSS works fine in ...
0
votes
1answer
71 views
IE 10/11 background position differences in links
I'm a little bit confused to see differences in the CSS position of background images in those links in the welcome box ("International contacts" and "Go to contact page"). When you take a closer ...
0
votes
1answer
124 views
Chrome mysteriously lowers SVG position by 2px
I'm trying to make a bunch of image links from an SVG spritesheet I have, but I'm running into cross-browser problems between Chrome and Safari and Firefox.
I have a bunch of tags like this:
<a ...
0
votes
1answer
94 views
jQuery backgroundPosition css sprites not workin together?
I have started making a web portfolio for my photos I'm not a web designer it just interests me. So here is the page : http://jsfiddle.net/RhjJZ/1/ in jsfiddle.
I made CSS sprites to make background ...
0
votes
1answer
696 views
Background-position ignored by Chrome
I'm having a problem with positioning two background images in Chrome.
In FF and IE the images are right where I want them to be, but in Chrome they both just sit in the top left corner.
So Chrome ...
0
votes
1answer
872 views
Background image/position rendering differently on iPad
I have a div which has one of two background positions for a sprite background image depending on the class set for the div in a php script.
The CSS, which is below, works fine on standard ...
0
votes
1answer
1k views
jquery animate background position in firefox with easing function
I have an animation problem with Firefox. Second answer to a question jquery animate background-position firefox is solving it, but only for a narrow animation. I want to apply easing on each axis ...
firefox
0
votes
1answer
240 views
Issues with background position in IE
I have got issues with setting the background image in IE all versions, It works fine in all the other browsers, can anyone assist me with any possible css hack , or any suggestions , Any help or ...
0
votes
1answer
380 views
How to change the backgroundPosition of a div with a onClick event from another element
How do I put this together? I'm working on this website that requires that every time that a item from the menu is clicked the background-position of two specific DIVs change and keep the selection.
...
0
votes
1answer
2k views
how can one resize portions of a css-sprite?
I'd like to improve upon jQuery's dialog code by using CSS-sprites, and thus also add animations of the dialog borders.
To do this, i'd like all the artwork to be in 1 png file, a css sprite.
My ...
-1
votes
1answer
207 views
Stacking background: How to make it visible under another div
I have two column divs and I'm applying a big background to the second div, and shifting it with background-position to the left. I'd like it to keep being visible in its entirety and not get hidden ...
1
vote
0answers
210 views
Position <body> background image relative to <div id=“logo”> image
I am trying to position a background image of sun rays extending to the edge of the browser window. The center of the sun rays must appear directly underneath the logo image, which appears in the ...
1
vote
0answers
707 views
Set origin background-position with parallax effect jQuery
I'm using this jQuery code to make a parallax effect when scrolling :
$(window).scroll(function() {
var x = $(window).scrollTop();
$('#header').css('background-position', 'center ' + ...
0
votes
0answers
14 views
jQuery.backgroundPosition plug in - TypeError: $.curCSS is not a function
I use jQuery JavaScript Library v1.10.2 + jQuery UI 1.10.4 + Alexander Farkas BackgroundPosition v. 1.22.
It cause an error in firebug:
TypeError: $.curCSS is not a function
Any help?
As far as I ...
0
votes
0answers
116 views
Trying to create a Parallax effect for all image sizes and element position
I followed the Parallax tutorial on Code.tutsplus and I also saw some other similar to this. However, none of the tutorials work perfectly for some reason, as there is always some blank space created ...
0
votes
0answers
27 views
CSS sprites bug?
I have discovered a strange behaviour when using overrides for sprites. Situation:
1 css file as base file for an entire site, with sprites. (screen.css)
1 css per subsite which mostly is a copy of ...
0
votes
0answers
58 views
background-position for sprite image to support LTR and RTL
I have sprite image that contains all my icons in the site.
I noticed that the background x position always starts from the left. Both in RTL and LTR.
It creates an issue for, as sometimes I want the ...
0
votes
0answers
47 views
Change sprite background position with jquery
I have used and modified this script to animate a button, changing the background position
html
<div id="closeadesione"></div>
javascript
window.requestAnimFrame = (function(){
...
0
votes
0answers
28 views
JS backgroundPositionX not working in Mozilla. How can I replace it?
I've got this code to change the background position of an element:
$("#wrap").animate({
backgroundPositionX: '+=50%'
},0);
However it fails to work in Mozilla because of the ...
0
votes
0answers
53 views
Background image does not align with text in a list item only in IE; -ms-background-position-y does not work
I need to align a background image of a list element with the text content of the list element. I have succeeded in doing this by setting the background-position property in all major browser but ...
0
votes
0answers
95 views
Read y-position of background-image when using cover and offset-percentage
so i have a background-image with
background-position: 50% 50%;
background-size:cover;
and i'm trying to read the calculated y-value via javascript/jQuery.
css('backgroundPosition').split(" ")[1];
...
0
votes
0answers
300 views
Background position changing on hover
I've been having a CSS problem. I have a div which includes a div for an image, a div containing links and a div containing a description, named as sidebar, sbpic, lks and desc, respectively.
For the ...
0
votes
0answers
1k views
change background position with jquery on scroll
Trying to change body background position with scroll position.
the background image have those settings:
background: #fff url(images/bg.png) center 100% no-repeat; background-attachment:fixed;
...
0
votes
0answers
263 views
background image animation of sprite not working in IE8
I have set up a background image animation on the navigation items on this website. In order to achieve the animation I have used the background position plugin by Alexander Farkas. You can see the ...
0
votes
0answers
84 views
Changing image background position when page is loaded
I have a css for the div #linebar:
background-image: url("/linebar.png");
height: 5px;
background-repeat: repeat-x;
width: 950px;
where image for linebar looks like: ...
0
votes
0answers
99 views
jquery background-position-y to be triggered when has a relative class
Considering that in firefox the position-y doesn't work I need to write a bit of code in jquery to be able to set the background-position-y when hasClass 'no-event'.
what I am doing wrong?
CSS
...
0
votes
0answers
651 views
IE background-position bug
Here is a bug in IE. In other browsers all excellent. Many of which have tried, nothing works.
HTML:
<a href="#" class="btn">Онлайн-консультант<i></i></a>
CSS:
.btn { ...
0
votes
0answers
439 views
Help combining two jQuery functions so that background moves when marginLeft moves
Below are the scripts. I added ', backgroundPosition: "x x"' to the $(this).animate lines.
The HTML/CSS looks like this
<ul id="sliding-navigation">
<li ...
0
votes
0answers
418 views
Positioning CSS Sprites as background images
I am using icons as background images for titles etc and I am using background-position already to align them correctly so when I want to replace the background images with the appropriate slices of ...
Related Tags
css × 38
jquery × 18
background-image × 11
javascript × 8
html × 8
jquery-animate × 7
background × 6
sprites × 3
parallax × 3
svg × 2
google-chrome × 2
sprite × 2
mobile × 2
css-sprites × 2
css3 × 2
more related tags
Hot Network Questions
- Beginning a sentence with a function name?
- Student registration fee at conferences for ex-students for work done as a student
- A better way to do nested lists
- Are postdoc salaries in the USA adjusted for cost of living?
- When and why should you write numbers less than 10 in words?
- Why does a wave actually diffract?
- Is there a commonly accepted gender neutral convention to replace the abbreviation EQM (Equivalent Manpower)?
- What properties of a programming language make compilation impossible?
- Is there a word for someone who you've not physically met but know well?
- Are there any sources for a rural modern fantasy setting? (Redneck D&D)
- Haar Measure on Locally Compact Semigroups
- What could a hacker do with my wp-config.php
- Why are gaming graphics not as beautiful as animated movies?
- Is this variation of TQBF still PSPACE-complete?
- Juggling bus factor & separation of duties on a small team?
- Increase difficulty based on score
- software to view text file, but autorefresh and autoscroll it
- How can I run arbitrarily complex command using sudo over ssh?
- Is setup and loop provided for convenience?
- 類 in animal and plant names
- Rosetta Stone Challenge: What's Average Anyways?
- Split a String by an indexes array
- What is the antonym of 'virtual machine'?
- How should I approach my manager to ask if bringing fiancée to work would be okay?
