0

何か間違ったことをしていますか、それとも Firefox はborder-bottomプロパティをサポートしていませんか? Firefox以外のすべてのブラウザで機能1px dottedするタグに下の境界線を付けようとしています。<li>

お客様の声ページに CSS クラスを使用しています。list-style-image: url(../images/quote-left.png);ブロック引用を開くために使用され、段落が終わった後、引用を閉じるために引用権があります。

HTML:

<div class="testimonial">
<ul>
    <li>testimonial 1. <img src="images/quote-right.png" /><br />
    <cite>-xxx</cite>
    </li></ul>
    <ul>
    <li>testimonial 2. <img src="images/quote-right.png" /><br />
    <cite>-xxx</cite>
    </li></ul>
    <ul>
    <li>testimonial 3. <img src="images/quote-right.png" /><br />
    <cite>-xxx</cite>
    </li></ul>
    <ul>
    <li>testimonial 4. <img src="images/quote-right.png" /><br />
    <cite>-xxx</cite>
    </li></ul>
</div>

CSS:

div .testimonial ul li {
    list-style-type: none;
    list-style-image: url(../images/quote-left.png);
    list-style-position: 0 0;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: normal;
    color: #000;
    border-bottom: 1 dotted #C0C0C0;
    padding: 0 0 20px 0;
    margin: 20px 0 0 0;
}
4

2 に答える 2

0

最初は、境界線の幅でCSSルールを指定しなかったため、FirefoxがCSSルールのデフォルトの単位を理解できないことに驚きました。しかし、コメントで述べられているように（私の強調）：

単位のない値が許可されていない場合は、プロパティを無効として却下することになっています。他のブラウザがpxを想定している場合、ページはクァークズモードになっています。

これを使用して問題を解決してみてください。

border-bottom: 1px dotted #C0C0C0;

追加されたpxビットに注意してください。これで、border-bottomはFirefoxでも機能します。ライブデモについては、このフィドルを参照してください。

于 2012-09-20T21:14:39.240 に答える
0

これがメニュー用の場合は、. ではなくA-tag にスタイルを設定する ( を使用display:block)ことで動作させることができますLI。また、list-style-image ではなく、CSS の背景を使用してください。

.testimonial ul, li {
    list-style-type: none;
    margin:0;
    padding:0;
}

.testimonial a {
background-image: url(../images/quote-left.png);
background-repeat:no-repeat;
font-family: Calibri, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1em;
line-height: 1.4em;
font-weight: normal;
color: #000;
border-bottom: 1 dotted #C0C0C0;
padding: 0 0 20px 0;
margin: 20px 0 0 0;
}

私のチュートリアルを参照してください: http://preview.moveable.com/jm/ilovelists/

于 2012-09-20T21:11:20.707 に答える