CSSの点線の枠がChromeで破線でレンダリングされる

"border-bottom：＃F60 dotted .3em;"を適用しました。 divに、そしてFirefoxがドットを丸くレンダリングしている間、Chromeはそれらを丸いダッシュとして表示します。何かお手数ですか？CSSの点線の枠がChromeで破線でレンダリングされる

出典

2011-01-26 Commandrea

それは国境はあなたがCSS3の境界画像プロパティに見ることができると同じであることが重要だ場合：http://www.css3.info/preview/border-image/クロームのために、それはグラフィックデザイナーとして-webkit-border-image:

出典

2011-01-26 07:12:25

Chromeにドット付きレンダリングを強制する方法がない場合は、これが解決策になります。ありがとうございました。 – Commandrea

これはこれが最善の解決策だと思われる – GusDeCooL

この仕様では、「点線」とはその詳細レベルを意味するものではありません。 2つのブラウザは、それを異なる方法で解釈します。 This is not a problem。

出典

2011-01-26 07:08:00 Quentin

境界線がスタイルの一部である場合、それは問題になります。 – Commandrea

それからデザイナーには限界があると伝えてください！ –

これは、さまざまな方法で実現できるため、制限はありません。「border：dotted」では実現できません。 – Leeish

なり、これは私にとって本当に問題です。

:dotted;および:dashed;は、理由により個別に指定されています。長方形は円ではありません。回避することは可能ですが、削除作業中のWebビルダーはしばしば違いを見つけることはありません。彼らが懸念している限り、要約は満たされている。は公平で、1pxで問題は少なくなりますが、重量の重い点線がデザイン要素として使用され、ページの読み込み量を節約するためにグラフィックよりもコードが選択されると、状況がかなり間違ってしまう可能性があります。

真の点線である必要がある点線が1つ必要な場合は、小さな繰り返しの背景画像を持つdivをお勧めします。すべてのコードをそのまま使用したい場合は、<ul>のスタイリングを試すこともできます。

出典

2012-09-25 01:43:59

CSSの点線の枠がChromeで破線でレンダリングされる

答えて

関連する問題