質問: お世話になっております。 件名の通りcssで境界の画像が上手く表示されなくて困っております。 構成のhtmlページがあり ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー div#navMainWrapper | ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー | ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー : ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー cssで div#navMainWrapper { width: 800px; height: 48px; margin: 0 auto; border-bottom: solid 10px #ff0; /*なんか黄色くなった......*/ border-image:url("images/logo_back.jpg") left top repeat-x; } と指定して border-bottom: solid 10px #ff0; の所に境界の画像 border-image:url("images/logo_back.jpg") left top repeat-x; を持ってきたいと思っているのですが 表記方法は上記では画像が表示されなかったのでお問い合わせいたします。 指定の境界に画像を持って行く方法をご助力頂けないでしょうか?
回答: yamato_hikawaさんが指摘しているように、 無理にborder-imageを使わずにbackground-imageで#navMainWrapperの下辺に 背景画像を貼れば良いのではないでしょうか。 作りたいデザインが分からないのでアレですが、 お話を聞く限りではborder-imageを使わなければならない理由が無いように見受けられます。