2017-09-19 7 views
1

내 사이트에 Giphy TV를 넣었습니다. 이제 저는 둥근 테두리를주고 싶지만 성공하지는 않습니다. 누군가 나를 도울 수 있습니까?Giphy TV 국경 반경

https://giphy.com

Giphy의 TV 코드 :

<div id="_giphy_tv"></div> 
<script> 
var _giphy_tv_tag="giphytrending"; 
var g = document.createElement('script'); g.type = 'text/javascript'; g.async = true; 
g.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'giphy.com/static/js/widgets/tv.js'; 
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(g, s); 

당신은 사이트에서 복사도 할 수 있습니다. 감사합니다. .

+0

지금까지 해보신 것은 무엇입니까? – connexo

답변

0

: 그건 이미 giphy 측면에서 와서 무엇 때문에

두 가지 규칙이 필요
#asdf-container { 
    border-radius: 30px !important; 
} 
#asdf-wrapper { 
    background-image: none !important; 
} 

!important 플래그합니다.

https://jsfiddle.net/hykoyqo5/

+0

높이는 Javascript 인라인에서이 속성이있는 요소의 스타일 속성에서 가져옵니다. – connexo

0

Emmm ...

#_giphy_tv { 
border-radius: 10px; 
} 

? 몇 가지 빠른 조사 후

+0

일반적으로 쉽게 접근 할 수 있지만 여기서 문제를 해결하지는 못합니다. – connexo