How to stop chrome from trimming transparent whitespace from image

Question

0.00/5 (No votes)

See more:

Working with a legacy VB.net site where IE was the recommended browser. We moved to Chrome as the recommended browser but it comes with quirks not found in IE or Edge. We have a lot of transparent .png images where the couple pixels around the image gets trimmed in Chrome but not the other browsers. I know a lot of designs would want to trim/crop those pixels but in our case we want to keep them.

Is there a fast and easy setting to retain those pixels edging the images?

Thanks

What I have tried:

HTML changes to no avail. Hoping not to have to add code to do this. Can't figure out which property to change for this.

Posted 18-Oct-21 11:09am

ehwash

Add a Solution

Comments

Richard Deeming 19-Oct-21 4:06am

Chrome won't do that on its own. There must be something in your code which is causing it to happen. Right-click on the image and inspect the element and its applied CSS rules to see if you can spot the problem.

ehwash 20-Oct-21 9:12am

Not sure what is causing this so I adjusted the positioning of other controls surrounding certain images. This is on a lot of pages but not too many. This is only happening in Chrome unfortunately.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)