Google 플러스 공유 '팝업'CSS 버그

Google 플러스 버튼을 사이트에 구현하려고했지만 팝업 풍선이 정말 이상합니다. enter image description here Google 플러스 공유 '팝업'CSS 버그

나는 다음과 같은 코드를 사용했다 : 우리는 우리의 페이지에서 일부 테이블을 사용

<g:plusone annotation="none"></g:plusone> 
<!-- Place this render call where appropriate --> 
<script type="text/javascript"> 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script>

을하고, 구글 플러스 버튼의 CSS를 재설정 보인다. (디자인의 일부로 테이블을 사용하는 것은 이상한 일입니다. 따라서 레이아웃이 아니라 올바르게 사용합니다!)

Google 코드가 필요하기 때문에 Google + 공유 거품의 CSS를 어떻게 다시 정의 할 수 있습니까? ?

.pls-topTail, .pls-vertShimLeft, .pls-contentLeft와 같은 세부 정보를 보았지만이 문서는 아직 정확한 내용이 아닙니다.

출처

2011-12-07 tildy

테이블 추가 : 이전에는 테이블 만 정의 된 모든 곳의 CSS에 (.gc-bubbleDefault)가 아니라 문제가 해결되었습니다.

출처

2011-12-07 15:07:50 tildy

Firebug을 사용하면 "google"팝업의 CSS를 검사 할 수 있습니다.

출처

2011-12-07 14:05:11 rekire

나는 항상 방화 광을 사용하지만이 팝업은 매우 빨리 사라져서 어떤 일이 일어나는 지 알 수 없습니다. 검사하는 것은 정말로 어렵습니다. 그냥 시도하십시오. – tildy

방화범의 스크립트 탭에서 일시 중지 버튼을 누르십시오. 지금은 브라우저에서 예제를 실행하는 방법을 알아낼 수 없습니다. 나는 지금 하얀 페이지를 가지고있다 :-) – rekire

흠, 나쁜 생각이 아니다! 전에는 사용하지 않았지만 현재 Google에서 코드를 다시 볼 수 있습니다. – tildy

Google 플러스 공유 '팝업'CSS 버그

답변

관련 문제