2

私は現在、Uni Web サイトをまとめており、Twitter タイムライン ウィジェットを追加しています。その背景を削除することはできましたが、ウィジェットの周囲の 1 ピクセルの境界線を削除しようとして問題が発生しました。何か助けて??

<div style="height: 350px; background-color: white; position: relative; padding: 0px;"><a class="twitter-timeline" href="//twitter.com/handle/my-list" data-dnt="true" data-widget-id="340404022915784704" data-chrome="noheader nofooter">Tweets from @edgehillsu</a> <script type="text/javascript">// <![CDATA[ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // ]]></script> </div>

これがコードです、よろしくお願いします。

http://esu.unioncloud.org/

4

3 に答える 3

3

境界線を削除するために CSS のハッキングは必要ありません。Twitter の「クライアント側オプション」を使用できます。

<a>ウィジェット コードのタグに次の属性を追加するだけです。data-chrome="noborders"

例えば：

<a class="twitter-timeline" href="https://twitter.com/userName" data-widget-id="0000000000000" data-chrome="noborders">

ソース: https://dev.twitter.com/docs/embedded-timelines

于 2014-02-27T10:26:41.553 に答える
0

これをcss ファイルに追加します。

#twitter-widget-0 {
border: 0;
}

またはあなたのhtmlページで：

<style type="text/css">
#twitter-widget-0 {
border: 0;
}
</style>

またはスクリプト内で：

$("#twitter-widget-0").css("border", "0px");
于 2013-05-31T11:03:37.000 に答える