Photoshop Question posted in
The official user guide can be found here.

css background color on transparent image – Photoshop

I don’t know how to make the background color on my player image to be blue.

I’ve tried:

css: background-color: transparent blue

Here is a link to the page:

Homepage

Can someone instruct me? Do I need to use photoshop and make it blue?

UPDATE:

I was referring to just the image that has the player icon on it.

Tags:

2

Answers


  1. 0

    Add this to your css:

    .fancy_video img {
    background-color: #33d;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

    For IE9+ only as suggested by @showdev with transparent background:

    .fancy_video img {
    background-color: rgba(51,51,221,.5);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
    Login or Signup to reply.
  2. 0

    You can’t have an html element with both a background image and a background color (in CSS). Therefore the easiest way to accomplish what you’re going for is to have an element that lies directly on top of the image that has a blue tint on it using opacity or RGBA in CSS.

    For example:

    [http://jsfiddle.net/wyj3oj93/]
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search