0

私は奇妙な問題を抱えています。Webkit スクロール バーを使用した外部スタイル シートがあります。今はもう使いたくありませんが、カスタム スクロールバーを実装する 3 行のコードを削除すると、スタイルシートを使用しているすべてのページから CSS 書式設定全体が消えてしまいます。

Webkit コードを含む Web ページ。

ここに画像の説明を入力

Webkit コードを削除した後の Web ページ。

ここに画像の説明を入力

CSSコードは次のとおりです。

<style rel="stylesheet" type="text/css">
::-webkit-scrollbar-thumb:vertical {background-color:#70AFB4; height:auto;}
::-webkit-scrollbar-thumb:horizontal {background-color:#70AFB4; height:10px !important;}
::-webkit-scrollbar {height:7px; width:7px; background-color:#E7E6E1;}

body{
background: #F6F6F6;
font-family: Ubuntu,Georgia;
font-size: 16px;
line-height: 150%;
color: #333;    }

h1{
color:#0E0B06;
font-weight:normal;
font-size:40px;
margin-bottom:0px; }

h2{
color:#0E0B06;
font-size:15px;
font-weight:normal;
margin-bottom:0px; }

a{
color:#0E0B06;
padding:1px 2px;
background:#70AFB4;
text-decoration: none; }

a.default {
background:none; }

a:hover{
color:#0E0B06;
background:none; }


.wrapper {
width: 800px margin:auto; }

.header {
margin: 30px 50px 75px 400px; 
width: 400px }

.indexer {
width: 150px;
float: left;
margin: 40px 100px 75px 150px; }

.poster {
width: 700px;
margin: 70px 50px 75px 400px;
padding-bottom: 30px; }

問題の Webkit コード:

::-webkit-scrollbar-thumb:vertical {background-color:#70AFB4; height:auto;}
::-webkit-scrollbar-thumb:horizontal {background-color:#70AFB4; height:10px !important;}
::-webkit-scrollbar {height:7px; width:7px; background-color:#E7E6E1;}
4

1 に答える 1

2

それが最初の行を含む外部スタイルシートの場合:

<style rel="stylesheet" type="text/css">

それでは無効です。このように、ルールは適用bodyされません。

この<style>タグは外部 CSS ファイルでは必要ありません。そうするとエラーが発生し、最初のルールが実行されなくなります。

CSS ファイルから を削除する<style rel="stylesheet" type="text/css">と修正されます。

于 2012-11-10T17:12:49.987 に答える