0

どんな手掛かり？試してみpie.htcましたが、機能していません

.vjs-default-skin .vjs-big-play-button {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  behavior: url(bla bla/PIE.htc);
  position: relative;
}

ここに画像の説明を入力

4

5 に答える 5

0

cssファイルでこれを宣言してみてください。

オーバーフロー：非表示

于 2013-03-18T01:56:49.390 に答える
0

「.htc」ファイルへのリンクに問題があると思います。私は同じ問題を抱えていて、PIE.htcへの正しいリンクで解決しました（これは私にとってより良いのでPIE.phpを使用します-このファイルにはPIE.htcが含まれており、.htaccessファイルに問題はありません）。丸みを帯びた角が (たとえば) Firefox で機能し、IE8 以前では機能しない場合は、PIE ファイルのリンクに問題があるはずです。htc ファイルへのリンクは、角を丸くしたファイル (CSS ファイルではなく、home.php など) から作成する必要があります。

しかし、コードがなければ、テストページなどはそれをテストして「ここに問題がある」と言うのに問題があります。

于 2013-02-25T08:26:44.307 に答える
0

次のように、IE9+ コードを想定していることをブラウザに伝えると役立つ場合があります。

<meta http-equiv="X-UA-Compatible" content="IE=9" />

( IE での「border-radius」のサポートを参照してください)

于 2013-02-21T15:08:10.817 に答える
0

表示されているのは、IE 9、グラデーションの背景、および CSS3 の境界線に関する問題です。バージョン 3.2.0 では、デフォルト スタイルの 329 行目にBig Play Button (at start). IE 9 はfilter宣言をつかんでいます。

background: #454545;
background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);

SVG 画像グラデーションを追加し、条件付きコメントを使用してフィルターを取り除くと、丸みを帯びた境界線とグラデーションの背景が得られます。Colorzilla の Gradient Generator のようなものが役に立ちます。

CSS:

background: #454545; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #454545 0%, #232323 50%, #161616 51%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(51%,#161616), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-8 */

HTML のどこかに:

<!--[if gte IE 9]>
<style type="text/css">
.vjs-default-skin .vjs-big-play-button {
    filter: none;
}
</style>
<![endif]-->

それが役立つことを願っています。

于 2013-03-08T19:56:59.303 に答える
0

私は CSS3Pie でかなりの問題を経験しました。完全な説明については、既知の問題のページを参照してください。ただし、私が通常抱えている問題は、相対パスにあるか、htaccess ファイルに .htc の適切なコンテンツ タイプがないことです。

于 2013-02-21T23:39:49.953 に答える