LinkedIn follow button not transparent

问题

I have a LinkedIn button on my website on top of a dark background, but the corners of the rounded LinkedIn button are white making it square looking. Is there anyway to make it transparent?

<li class="item-3">
<script src="//platform.linkedin.com/in.js"
type="text/javascript">
lang: en_US
</script>

I have tried background-color: transparent; in CSS but nothing happens. Adding background-color: white; makes a big white box around the whole LinkedIn button, so I assume transparent does work, but just not where I want it to.

回答1:

Support from linkedin is laughable... I've contacted them re this issue. They refuse to acknowledge it. And have instead pointed me here: LinkedIn Homepage Redesign

This does not resolve the issue (obviously).

The style cannot be overwritten using css. I am going to remove the follow button, as this is the only available option. Great job LinkedIn...

回答2:

This is an issue that can be reproduced on LinkedIn's own Plugin Generator Page by changing the background color of the #widget element.

The culprit is this code on LinkedIn's server:

.framed #body .wrapper {
  position: relative;
  background: #fff;
}

Since this code is on another domain you cannot override it with your own CSS or JavaScript. (See here for example.)

Update 2015-06-19: LinkedIn has fixed the issue.

来源：https://stackoverflow.com/questions/28364124/linkedin-follow-button-not-transparent