0

簡単な Facebook の「いいね」モジュールを自分のサイトに追加したいと考えています。Facebook開発者サイトから生成されたコードを使用して、bodyタグを開いた直後にこれを追加しました：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

そして後でページ内：

<div class="fb-like" data-href="my site url here" data-send="false" data-width="550" data-show-faces="false"></div>

このコードが私に多くの css/js 警告を与えていることを除いて、問題なく動作しているようです。

unknown property „-moz-border-radius”, unknown property: "moz-outline-style.3",[],function(a,b,c,d,e,f){(function(){var g={}.toString,h,i,j,k=e.exports={},l...

このようなエラーがたくさんあります。

これを修正する方法を知っていますか？ページ全体は正常に動作しているように見えますが、自分のページでこの種の問題が発生するのは好きではありません。このページ内でもjqueryを使用しているので、これが問題を引き起こす可能性がありますか?

4

1 に答える 1

1

これらのエラーは、さまざまなブラウザーとの互換性を最大化するために、複数のフォームで定義する必要がある CSS プロパティがいくつかあるために発生します。

標準宣言へのこれらの追加は、ベンダー プレフィックスと呼ばれます。詳細については、次の記事を参照してください: little link .

たとえば、次の CSS を使用します。

.roundcorners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

-moz-border-radiusは古いバージョンの Firefox 用で、新しいバージョンはborder-radius. -webkit-border-radiusWebKit を利用したブラウザー (Chrome、Safari) 用です。

つまり、最近のほとんどのブラウザで「いいね」ボタンを機能させたい限り、これらのエラーを回避する方法はありません。

注:ブラウザーが不明なプロパティ/ルールを検出すると、宣言を無視するため、ルールが適切に並べられている限り、これは無害です。

于 2012-09-08T08:52:19.400 に答える