1

リンクを見てください：

http://rogatka.eu/content/23-poradnik-gardena

Chrome の境界線の色が間違っている

これらのオレンジ色のボックス内では、アンカーが適用された border-bottom:1px 破線 #fff (およびホバー時に実線) が適用されています。ただし、ご覧のとおり、境界線の一部が白ではなく、代わりに #f3a889 が表示されます。この動作の原因は何ですか? Chrome でのみ発生します。

HTML:

<div id="special1a">
   <h2><a title="Program do wyboru produktu" href="http://rogatka.eu/content/14-program-do-wyboru-produktu">Program do wyboru produktu &gt;&gt;&gt;</a></h2>
   <p>Czy potrzebują Państwo pomocy przy wyborze odpowiedniego produktu do pielęgnacji trawnika, drzew i krzewów?</p>
</div>
<div id="special1b">
   <h2><a title="Wybór właściwej pompy" href="http://www.gardena.com/pl/support/planners-and-guides/pump-guide/">Wybór właściwej pompy &gt;&gt;&gt;</a></h2>
   <p>Wypompowywanie, nawadnianie czy zaopatrywanie domu w wodę: wybierz pompę GARDENA spełniającą Twoje potrzeby.</p>
</div>
<div id="special1c">
   <h2><a title="Programy do projektowania" href="http://rogatka.eu/content/16-programy-do-projektowania">Programy do projektowania &gt;&gt;&gt;</a></h2>
   <p><a title="Projektowanie Micro-Drip" href="http://www.gardena.com/pl/support/planners-and-guides/micro-drip-planner/">Projektowanie Micro-Drip</a></p>
   <p><a title="Projektowanie Sprinklersystem" href="http://mygarden.gardena.com/pl/">Projektowanie Sprinklersystem</a></p>
</div>

CSS:

#special1a {
    background:#E75012 url(../img/bgSpecial1a.png) 796px center no-repeat;
    color:#fff;
    padding:20px 192px 20px 20px;
    margin:0 0 20px;
}
#special1b {
    background:#E75012 url(../img/bgSpecial1b.png) 796px center no-repeat;
    color:#fff;
    padding:20px 192px 20px 20px;
    margin:0 0 20px;
}
#special1c {
    background:#E75012 url(../img/bgSpecial1c.png) 796px center no-repeat;
    color:#fff;
    padding:20px 192px 20px 20px;
}
#special1a h2, #special1a h2 a, #special1a p, #special1a p a, #special1a p a:hover, #special1b h2, #special1b h2 a, #special1b p, #special1b p a, #special1b p a:hover, #special1c h2, #special1c h2 a, #special1c p, #special1c p a, #special1c p a:hover {
    color:#fff !important;
}
#special1a h2 a, #special1a h2 a:link, #special1a h2 a:visited, #special1a p a, #special1a p a:link, #special1a p a:visited, #special1b h2 a, #special1b h2 a:link, #special1b h2 a:visited, #special1b p a, #special1b p a:link, #special1b p a:visited, #special1c h2 a, #special1c h2 a:link, #special1c h2 a:visited, #special1c h2 a, #special1c h2 a:link, #special1c h2 a:visited {
    color:#fff !important;
    border-bottom:1px dashed #fff;
}
#special1a h2 a:hover, #special1a p a:hover, #special1b h2 a:hover, #special1b p a:hover, #special1c h2 a:hover, #special1c p a:hover {
    color:#fff !important;
    border-bottom:1px solid #fff;
}
#special1a p, #special1b p, #special1c p {
    margin:0 !important;
    font-family: 'MyriadPro-Light' !important;
    font-size:21px !important;
    line-height:140% !important;
    -webkit-transform:rotate(-0.03deg);
}
#special1a h2, #special1b h2, #special1c h2 {
    font-family: 'MyriadPro-Bold' !important;
    -webkit-transform:rotate(-0.03deg);
}
4

1 に答える 1

0

タイトルを少し回転させています（なぜですか？）

#special1a h2, #special1b h2, #special1c h2 {
    font-family: 'MyriadPro-Bold' !important;
    -webkit-transform:rotate(-0.03deg);
}

回転を外せばOKです。

于 2013-04-26T19:27:53.183 に答える