人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Nivo Slider(jQueryスライダー)で背景をつけたい。

ホームページトップにNivo Sliderでスライドを表示させようと思っています。
サイト全体が丸みを帯びたサイトなのでNivo Sliderのフチを角丸にさせたいです。
素人考えですが、スライド画像の一番上に背景と同じ色の四隅を角丸にしたpng画像を置くとか…
この場合、どのようにするといいでしょうか?
方法も合わせて教えてください。

●質問者: master-3rd
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3

class="nivoSlider" に対して、border-radius を指定する。

.nivoSlider {
 border-radius: 50px;
}

対応するブラウザを選んでしまいますが。


master-3rdさんのコメント
回答ありがとうございます。 確かにブラウザを選んでしまいますね… IEではいけましたが、Chromeでは正常に表示できませんでした。 (最初の1枚はきちんとなっているが、その後が四角になったり下のが透けて見えたり…) うーーん、残念です。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ