Font visual rendering different on safari. Working fine on chrome [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
Footer text visual not looking same at Safari. Working fine on chrome. I have applied many hacks to fix issue but no luck.
Attached image of issue with difference in safari and chrome:
http://prntscr.com/g5t8kg

It's may be help to you, just add this code in your css, it's safari hack code
::i-block-chrome, footer .address, .address a {
-webkit-text-stroke-width: 0.5px;
}

Related

IE11 Edge browsers div border-radius isn't smooth [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
When you scale a div element close to the rounded corner it appears that in IE11 and Edge the corners aren't smooth. I checked in Chrome 49 and latest FF and it works fine.
Please see the demo page. You should have access to code in the demo.
My question is: do you know a workaround for this issue?

CSS not applying in Firefox, Chrome/IE is fine [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am trying to get the #contact section (First Name, Surname, Position, Company) as well as the search text on the left hidden nav to change from black to white.
I've added the CSS in (multiple locations) however the colors are still not changing in Firefox. Could anyone check it over and tell me what might be happening as I am fairly lost.
http://biolineapp.com/#contact
input::-moz-placeholder {
color: white;
}

Background image in div not working (video included) [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have tried many forums and suggestions, only to fail for the past few days.
My CSS works perfectly fine if I use firebug, or third party css live edits, but not working when page loads. The file paths are 100% correct, thus the reason it works live. I have included a video: https://www.youtube.com/watch?v=OL2TuYo3coU
I've tried background and background-image also.
I'd appreciate all the help you guys could muster. Thank you for your time!
Looks like the image is missing from the path.
Replace this:
.firstpara {
background-image: url('photos/backgroundimage.jpg');
}
With this:
.firstpara {
background-image: url('../photos/backgroundimage.jpg');
}
Either Firebug or any browser built in Developer Tools have Console, if will help you to detect any errors on the web page.

png image is not showing good in ie10 browser? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have used png image in my application.
Actual size is : 300px X 300px
I am using it's 20% as input image button. it showing good in Mozilla and Chrome browser.
But in IE it is distort.
Please see the attachments:
Please let me know if there any other attributes are there to fix this issue.
Issue in IE browser, Look at the circle buttons:
Issue in Mozilla browser, Look at the circle buttons:
Erm simple, disable border for image?
input[type=image] {
border: none;
}

#media query does not seem to be working [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Does anyone know or could point me in the right direction with this site, I have major issues with IE 11. I have not tested lower than this yet but Chroms, FF, Safari all work fine.
If you compare this website in both you will see the difference, it looks to me like media queries are not applying to the website. But I have no idea how to get it working. I know this is a glow in the dark!
www.stamford.ac.uk
Left side is Chrome and right side is IE11. I don't see any differences, but the menu needs more contrast and the "Find a Course" needs adjustment to be responsive.