3

Border-radius Css プロパティをjScrollPane divに適用したいと考えています。

これは私の望む解決策です (私が知る限り、最新のブラウザーでうまく機能します): http://jsfiddle.net/dF9ng/

ただし、これを jScrollPane div に適用したいと考えています。これは私の試みです: http://jsfiddle.net/SWtVC/

Firefox では正しく動作するようです。ただし、Chromeではまったく機能しません。

これはChromeのバグですか？他のブラウザでは正しく動作しますか? プラグインのバグである場合、誰かが修正または別の可能な解決策を提供してくれますか?

前もって感謝します'

4

2 に答える 2

0

記事を絶対位置に設定し、オーバーフローを非表示に設定できますが、これは Chrome/Safari では機能しませんが、修正方法があります: CSS マスク

HTML マークアップはそのままで、新しい CSS は次のようになります。

article{
    border:1px solid black;
    margin:30px;
    border-radius:50px;
    width:300px;
    height:300px;
    overflow:hidden;
    position:absolute;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

}

</p>

jsフィドル

また、同様の質問に出くわしてこれを見つけたことにも言及する必要があります。

于 2012-07-20T00:38:29.040 に答える