0
私のCSSスタイルシートにこのクレイジーエラーがあります。すべてのブラウザでテストされています。ここではエラーがあります：CSSスタイルシートエラー - DOMExceptionがCSSのスタイルシートにルールを挿入できませんでした
VM2952 LiveUpdateTools.js:688 Uncaught DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.about #2015-marker-label { top: calc(86vh - 6px); }'.
at Object.insertRule (http://127.0.0.1:59944/static/files/LiveUpdateTools.js:688:12)
at http://127.0.0.1:59944/static/files/deviceClientScript.js:390:23
そしてHERESにCSSスタイルシート：
.about .marker-text {
left: calc(50% + 28px);
position: absolute;
color: black;
font-family: Lato;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
.about #2000-marker-label {
top: calc(12vh - 6px);
}
.about #2005-marker-label {
top: calc(32vh - 6px);
}
.about #2010-marker-label {
top: calc(52vh - 6px);
}
.about #2015-marker-label {
top: calc(86vh - 6px);
}
、最終的にはHTMLマークアップ：
<label id="2000-marker-label" class="marker-text">2000</label>
<label id="2005-marker-label" class="marker-text">2005</label>
<label id="2010-marker-label" class="marker-text">2010</label>
<label id="2015-marker-label" class="marker-text">2015</label>
は、したがって、 "約" と呼ばれるbody要素のクラスをTheresのすべてのスタイルシートセレクタについて。 topプロパティが設定されていません。エラーが発生していると想定しています。私はここで何か狂っているようなものではない、私はエラーを見つけ、2つの時代遅れの結果を得て、それはクロムの問題だと言っている。 とにかく助けてくれてありがとう、私はそれを感謝します。
このブラウザはどんなブラウザですか？ vh/vwをcalc（）でサポートしていない可能性があります。 – Win
すべて、最新のchrome、最新のエッジ、Firefox、ie。間違いなく計算でvhをサポートしています:) –
私はセレクタでエラーに絞り込みました。私は他のプロパティを試しました、彼らは設定されていない、同じエラーがポップアップします。 –