Safari doesn't load one image
I have some trouble about displaying image. There is no problem with the google chrome or ie but when I open the page with safari my toggle(jquery) image is not displaying. Any idea why is this happening?
this is the chrome
and this one is safari
And I already check develop->disable image and preferences->enable java script. looks like no problem with that.
Css
#x-icon img {
content:"";
border-left: 5px solid orange;
border-top: 5px solid orange;
border-right: 5px solid orange;
display: block;
width: 70px;
height: 70px;
background: #fff;
/*position: absolute;*/
top: -45%;
right: 50%;
margin-left: 85%;
margin-top: -70px;
cursor: pointer;
}
jquery css
google-chrome safari add a comment |
I have some trouble about displaying image. There is no problem with the google chrome or ie but when I open the page with safari my toggle(jquery) image is not displaying. Any idea why is this happening?
this is the chrome
and this one is safari
And I already check develop->disable image and preferences->enable java script. looks like no problem with that.
Css
#x-icon img {
content:"";
border-left: 5px solid orange;
border-top: 5px solid orange;
border-right: 5px solid orange;
display: block;
width: 70px;
height: 70px;
background: #fff;
/*position: absolute;*/
top: -45%;
right: 50%;
margin-left: 85%;
margin-top: -70px;
cursor: pointer;
}
jquery css
google-chrome safari
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I solved the problem. It's because of this:content:"";but thank you anyway
– user10378098
Nov 21 at 7:17
1
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
Thecontentproperty is used with the::beforeand::afterpseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp
– לבני מלכה
Nov 21 at 7:18
add a comment |
I have some trouble about displaying image. There is no problem with the google chrome or ie but when I open the page with safari my toggle(jquery) image is not displaying. Any idea why is this happening?
this is the chrome
and this one is safari
And I already check develop->disable image and preferences->enable java script. looks like no problem with that.
Css
#x-icon img {
content:"";
border-left: 5px solid orange;
border-top: 5px solid orange;
border-right: 5px solid orange;
display: block;
width: 70px;
height: 70px;
background: #fff;
/*position: absolute;*/
top: -45%;
right: 50%;
margin-left: 85%;
margin-top: -70px;
cursor: pointer;
}
jquery css
google-chrome safari I have some trouble about displaying image. There is no problem with the google chrome or ie but when I open the page with safari my toggle(jquery) image is not displaying. Any idea why is this happening?
this is the chrome
and this one is safari
And I already check develop->disable image and preferences->enable java script. looks like no problem with that.
Css
#x-icon img {
content:"";
border-left: 5px solid orange;
border-top: 5px solid orange;
border-right: 5px solid orange;
display: block;
width: 70px;
height: 70px;
background: #fff;
/*position: absolute;*/
top: -45%;
right: 50%;
margin-left: 85%;
margin-top: -70px;
cursor: pointer;
}
jquery css
google-chrome safari jquery css
google-chrome safari edited Nov 21 at 7:11
asked Nov 21 at 6:59
user10378098
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I solved the problem. It's because of this:content:"";but thank you anyway
– user10378098
Nov 21 at 7:17
1
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
Thecontentproperty is used with the::beforeand::afterpseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp
– לבני מלכה
Nov 21 at 7:18
add a comment |
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I solved the problem. It's because of this:content:"";but thank you anyway
– user10378098
Nov 21 at 7:17
1
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
Thecontentproperty is used with the::beforeand::afterpseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp
– לבני מלכה
Nov 21 at 7:18
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I solved the problem. It's because of this:
content:""; but thank you anyway– user10378098
Nov 21 at 7:17
I solved the problem. It's because of this:
content:""; but thank you anyway– user10378098
Nov 21 at 7:17
1
1
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
The
content property is used with the ::before and ::after pseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp– לבני מלכה
Nov 21 at 7:18
The
content property is used with the ::before and ::after pseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp– לבני מלכה
Nov 21 at 7:18
add a comment |
active
oldest
votes
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%2f53406769%2fsafari-doesnt-load-one-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53406769%2fsafari-doesnt-load-one-image%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
maybe it is problem in css please show us code
– לבני מלכה
Nov 21 at 7:02
I added css code for the icon/button
– user10378098
Nov 21 at 7:11
I solved the problem. It's because of this:
content:"";but thank you anyway– user10378098
Nov 21 at 7:17
1
OMG i just come to write you to delete it... LOL
– לבני מלכה
Nov 21 at 7:18
The
contentproperty is used with the::beforeand::afterpseudo-elements, to insert generated content.:w3schools.com/cssref/pr_gen_content.asp– לבני מלכה
Nov 21 at 7:18