Adding background to my Organization signature using inline styling.

Natty 0 Reputation points
2024-07-01T12:22:10.16+00:00

I have been trying to add a background image to my organization's signature using HTML, but the image is not rendering. I am using inline styling in my code as follows:

htmlCopy code
<div style="background-image: url('link to image')">

Do you have any suggestions on how I can resolve this issue without using third-party tools?

Exchange Server Management
Exchange Server Management
Exchange Server: A family of Microsoft client/server messaging and collaboration software.Management: The act or process of organizing, handling, directing or controlling something.
7,669 questions
{count} votes

2 answers

Sort by: Most helpful
  1. Mike Hu-MSFT 4,140 Reputation points Microsoft Vendor
    2024-07-02T02:48:55.76+00:00

    Looks like your question is more related to HTML. Please understand that the tag “Exchange Server Management” is for general questions related to Exchange Server. The HTML related questions are not supported in our community. Thanks for your understanding.

    But based on my personal experience, you can try to change the code to this:

    <div style="background-image: url('link to image');"></div>
    
    0 comments No comments

  2. Mike Hu-MSFT 4,140 Reputation points Microsoft Vendor
    2024-07-02T07:30:58.4466667+00:00

    In addition, I did some tests and found that if the “width” and “height” attributes are not specified, the image cannot be displayed successfully:

    <div style="background-image: url('https://th.bing.com/th/id/OIP.n54K-0sga4-2N_kluo12DAHaEA?w=324&h=180&c=7&r=0&o=5&pid=1.7');">
    
    

    User's image

    but it can be displayed successfully after specifying them. :

    <div style="background-image: url('https://th.bing.com/th/id/OIP.n54K-0sga4-2N_kluo12DAHaEA?w=324&h=180&c=7&r=0&o=5&pid=1.7');width:200px;height:100px;">
    
    

    User's image

    Therefore, I think HTML has set a limit on the size of the image, and you may need to compress or crop the image.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.