master-3rd回答ポイントなし

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

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

ログインして回答する

みんなの回答

a-kuma32013/07/10 14:13:47
class="nivoSlider" に対して、border-radius を指定する。
```
.nivoSlider {
    border-radius: 50px;
}
```
対応するブラウザを選んでしまいますが。
スター
- 1件のコメントを見る
- master-3rd 2013/07/11 14:33:18
  
  回答ありがとうございます。
  確かにブラウザを選んでしまいますね…
  IEではいけましたが、Chromeでは正常に表示できませんでした。
  (最初の１枚はきちんとなっているが、その後が四角になったり下のが透けて見えたり…)
  うーーん、残念です。
  
  スター

この質問へのコメント

Lhankor_Mhy2013/07/10 11:53:38

本家サイトが角丸のようですが、このやり方ではダメということでしょうか。
http://dev7studios.com/nivo-slider/
master-3rd2013/07/10 12:28:13

コメントありがとうございます。

この方法で全然OKです。
ダウンロードした物も同じように丸くなっているのかと思ったのですが、四角のままでした。
Lhankor_Mhy2013/07/10 12:52:13

あれは画像の角が白く塗られているだけでした。背景が単色ならばそれで済むはずですが、いかがでしょうか。
master-3rd2013/07/11 14:34:20

確かにそれも考え方の一つですね!!
背景がベタに限定されてしまうのがちょっとつらいですけど…

他に方法がなければこの方法にしてみます。

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2013-07-10 11:23:10
終了日時: 2013-07-17 11:25:04
回答条件: 1人5回まで

この質問のカテゴリ

ウェブ制作

この質問に含まれるキーワード

人気の質問