.css('background') || .getPropertyValue('background') return void string on Firefox Edge and iOS browsers
I'm currently stuck with a compatibility problem with jQuery / Javascript:
The following query:
jQuery('.my-element').css('background');
Works fine in Chrome and Safari (desktop), but returns a void string in all other browsers (FF, EDGE, and iOS Chrome and iOS Safari)
With some other css properties (e.g. color or fontFamily...) the query works fine in all browsers, using id instead of class doesn't change anything, and even with the pure javascript sintax I have the same problem.
Anyone has a strategy to overcome this incompatibility?
javascript jquery css cross-browser
asked Nov 14 '18 at 23:30
PdorPdor
135
add a comment |
I'm currently stuck with a compatibility problem with jQuery / Javascript:
The following query:
jQuery('.my-element').css('background');
Works fine in Chrome and Safari (desktop), but returns a void string in all other browsers (FF, EDGE, and iOS Chrome and iOS Safari)
With some other css properties (e.g. color or fontFamily...) the query works fine in all browsers, using id instead of class doesn't change anything, and even with the pure javascript sintax I have the same problem.
Anyone has a strategy to overcome this incompatibility?
javascript jquery css cross-browser
asked Nov 14 '18 at 23:30
PdorPdor
135
What specific css property are you after? Are you after thebackgroundColororbackgroundImage? Have you tried targeting them specifically rather than the aggregate property background?
– Taplar
Nov 14 '18 at 23:32
I'm searching forbackground url
– Pdor
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try gettingbackgroundImage
– Taplar
Nov 14 '18 at 23:35
soooo good @Taplar ! :)backgroundImageworks even on FF and iOS browsers! many thanks! 😎
– Pdor
Nov 14 '18 at 23:39
add a comment |
I'm currently stuck with a compatibility problem with jQuery / Javascript:
The following query:
jQuery('.my-element').css('background');
Works fine in Chrome and Safari (desktop), but returns a void string in all other browsers (FF, EDGE, and iOS Chrome and iOS Safari)
With some other css properties (e.g. color or fontFamily...) the query works fine in all browsers, using id instead of class doesn't change anything, and even with the pure javascript sintax I have the same problem.
Anyone has a strategy to overcome this incompatibility?
javascript jquery css cross-browser
asked Nov 14 '18 at 23:30
PdorPdor
135
I'm currently stuck with a compatibility problem with jQuery / Javascript:
The following query:
jQuery('.my-element').css('background');
Works fine in Chrome and Safari (desktop), but returns a void string in all other browsers (FF, EDGE, and iOS Chrome and iOS Safari)
With some other css properties (e.g. color or fontFamily...) the query works fine in all browsers, using id instead of class doesn't change anything, and even with the pure javascript sintax I have the same problem.
Anyone has a strategy to overcome this incompatibility?
javascript jquery css cross-browser
javascript jquery css cross-browser
asked Nov 14 '18 at 23:30
PdorPdor
135
asked Nov 14 '18 at 23:30
PdorPdor
135
asked Nov 14 '18 at 23:30
PdorPdor
135
asked Nov 14 '18 at 23:30
PdorPdor
135
asked Nov 14 '18 at 23:30
PdorPdor
135
135
What specific css property are you after? Are you after thebackgroundColororbackgroundImage? Have you tried targeting them specifically rather than the aggregate property background?
– Taplar
Nov 14 '18 at 23:32
I'm searching forbackground url
– Pdor
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try gettingbackgroundImage
– Taplar
Nov 14 '18 at 23:35
soooo good @Taplar ! :)backgroundImageworks even on FF and iOS browsers! many thanks! 😎
– Pdor
Nov 14 '18 at 23:39
add a comment |
What specific css property are you after? Are you after thebackgroundColororbackgroundImage? Have you tried targeting them specifically rather than the aggregate property background?
– Taplar
Nov 14 '18 at 23:32
I'm searching forbackground url
– Pdor
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try gettingbackgroundImage
– Taplar
Nov 14 '18 at 23:35
soooo good @Taplar ! :)backgroundImageworks even on FF and iOS browsers! many thanks! 😎
– Pdor
Nov 14 '18 at 23:39
What specific css property are you after? Are you after the
backgroundColor or backgroundImage? Have you tried targeting them specifically rather than the aggregate property background?– Taplar
Nov 14 '18 at 23:32
What specific css property are you after? Are you after the
backgroundColor or backgroundImage? Have you tried targeting them specifically rather than the aggregate property background?– Taplar
Nov 14 '18 at 23:32
I'm searching for
background url– Pdor
Nov 14 '18 at 23:35
I'm searching for
background url– Pdor
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try getting
backgroundImage– Taplar
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try getting
backgroundImage– Taplar
Nov 14 '18 at 23:35
soooo good @Taplar ! :)
backgroundImage works even on FF and iOS browsers! many thanks! 😎– Pdor
Nov 14 '18 at 23:39
soooo good @Taplar ! :)
backgroundImage works even on FF and iOS browsers! many thanks! 😎– Pdor
Nov 14 '18 at 23:39
add a comment |
1 Answer
1
active
oldest
votes
background is sorta an aggregate for multiple css properties. If this is returning null, you may want to target the exact property you want. From the comments, you say you want the background: url('...'); which relates to the background-image property. So for css() you would lookup the backgroundImage property.
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53310323%2fcssbackground-getpropertyvaluebackground-return-void-string-on-fire%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
background is sorta an aggregate for multiple css properties. If this is returning null, you may want to target the exact property you want. From the comments, you say you want the background: url('...'); which relates to the background-image property. So for css() you would lookup the backgroundImage property.
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
add a comment |
background is sorta an aggregate for multiple css properties. If this is returning null, you may want to target the exact property you want. From the comments, you say you want the background: url('...'); which relates to the background-image property. So for css() you would lookup the backgroundImage property.
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
add a comment |
background is sorta an aggregate for multiple css properties. If this is returning null, you may want to target the exact property you want. From the comments, you say you want the background: url('...'); which relates to the background-image property. So for css() you would lookup the backgroundImage property.
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
background is sorta an aggregate for multiple css properties. If this is returning null, you may want to target the exact property you want. From the comments, you say you want the background: url('...'); which relates to the background-image property. So for css() you would lookup the backgroundImage property.
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
answered Nov 14 '18 at 23:40
TaplarTaplar
16.6k21529
16.6k21529
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53310323%2fcssbackground-getpropertyvaluebackground-return-void-string-on-fire%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What specific css property are you after? Are you after the
backgroundColororbackgroundImage? Have you tried targeting them specifically rather than the aggregate property background?– Taplar
Nov 14 '18 at 23:32
I'm searching for
background url– Pdor
Nov 14 '18 at 23:35
The url of the background would refer to the image. Try getting
backgroundImage– Taplar
Nov 14 '18 at 23:35
soooo good @Taplar ! :)
backgroundImageworks even on FF and iOS browsers! many thanks! 😎– Pdor
Nov 14 '18 at 23:39