• 締切済み

CSSで画像を重ねる方法

今アメブロでトップの画像を変えようと思っています。 アメブロのテンプレートでグラデーションのある画像を選択しているのですが、 このグラデーションの上に画像を重ねて表示したい場合はどうすればいいでしょうか。 なお、ブログ本体のHTMLは編集することができず、CSSファイルのみが編集できる状態です。 よろしくお願いします。

みんなの回答

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.2

>グラデーションというのはすでに画像が用意してあって だからHTMLがいじれないのは厳しいって回答をしているんだけど? アメブロがどうなってるかは知らないけれどテンプレート側で恐らく CSSで「body」の背景としての画像を切り替えてるだけだと思うよ。 通常その方法で配置されている背景にさらに画像背景を適用したい場合は同じように全体を覆う要素が必要になるんだけどHTMLが変更できない場合はそれを追加する手段が奪われるから無理じゃない?って話をしてるだけ。 各記事の枠の中だけでも変更できれば。。。ってなら話が変わるけどね

arkroyal03
質問者

お礼

なるほど、わかりました、残念ですが諦めます。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

残念だけどHTML側がいじれないなら 厳しいね。 bodyにグラデーションだと思うけど、 もうひとつ全体を囲うblock要素が存在していればできるよ。

arkroyal03
質問者

補足

素早い回答ありがとうございます。 説明不足でしたので捕捉します。 グラデーションというのはすでに画像が用意してあって、それを 横に引き伸ばして表示している状態だと思います。 あと、CSSについてはほとんど無知に近い状態ですので、わかりやすい ご回答を頂けたらと思います。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CSSで画像にリンクをつける方法

    gooブログを使っています。 ブログのタイトルの文字列をクリックするとブログトップに飛ぶようになっていますが カスタムテンプレートのCSSの編集で(HTMLではなく) ヘッダーのタイトル画像をクリックして同じようにブログトップへ飛ぶようにリンクを付けたいのですが どのように指定すれば良いのでしょうか?

  • HTMLとCSSでの画像位置について教えてくださ

    こんにちは。 アメブロと言うブログでデザインとカスタマイズを依頼されました。 希望はヘッダー画像そのものにリンクを張りたいのですが、HTML編集機能がありません(CSSのみ)。 プロフィール欄のみHTML編集ができるので、そこに下記のHTMLソースを書き、画像にリンクを張りました。 <div style="position:absolute;top:-320px;left:15px;"><a href="http://ameblo.jp/vice-president"><img border="0" src="http://stat.ameba.jp/user_images/da/d2/10014814202.jpg" width="700" height="366"></a> </div> ※top:-10px-プロフィールのあるサイドバーの上端からの位置  left:0px-サイドバーの左端からの位置 IEではきちんと表示されたのですが、firefoxでは画像位置が崩れてしまいます。どのように記述したらよいでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • ブログでアフィリエイトなどのリンクや、画像などを組み込みやすいブログは、どこ?

    ブログを自分なりに、ちょっと込み入って作り上げたい場合、 画像を入れたり、 リンクを張ったり、 アフィリエイト広告を入れたり、 背景を変えたり、 って色々やりますよね。 でも、HTMLやCSSなどを読めないとどこにどうやってやっていったらいいか、 HTML・CSS編集→ブログ表示→HTML・CSS編集→ブログ表示→HTML・CSS編集→ブログ表示→HTML・CSS編集→ブログ表示→という具合に、 編集しては確認、編集しては確認と続きますよね。 それが大変だなあと思うんです。 ホームページビルダーみたいな簡単にスタイルを変えたり出来る気の効きすぎたブログサイトってないんでしょうか? あったら教えていただきたいなあ。 ありますか?

  • 画像のCSS化

    添付のようなグラデーション画像を トップページのバナー背景にしたいのですが CSSで実現するにはどのような方法が簡単でしょうか。 画像をドラッグするとsvgやCSSに変換してくれるサイトなどはないでしょうか

    • ベストアンサー
    • CSS
  • テンプレートに画像を貼り付ける方法

    DIONのラヴログで、サンプルテンプレート(トップページ)のタイトル(一番上)に、オリジナルの画像を貼り付ける方法がわかりません、、、CSS・HTMLどちらで可能でしょうか?何方かご教授をお願いします。

  • HTML・CSSなどが編集できるBLOGサイト

    BLOGの引越しを考えています。 私は今『JUGEM』を使って、HTML・CSSを編集し独自のテンプレートを作ってBLOGをしています。 『JUGEM』以外にHTML・CSSを編集できるBLOGサイトは無いでしょうか? これがおすすめ!っていうのを書いていただけるとかなり参考になります!! よろしくお願いいたします!

  • gooのブログのCSS編集のことで

    ブログgooで日記を書いているのですが、カスタムテンプレートで編集できることを知りました。 HTMLしか知らない私でもなんとなくは分かったのですが、 ブログの上部(題名が入るところ)の幅を広げることが出来ないのです。 上の部分を縦に幅を広げるには、CSSをどうしたらいいのでしょうか? 返答よろしくお願いします。

  • CSSのみでPNG画像を透過グラデーションさせたい

    画像編集ツールを用いて作ったアルファチャンネルPNGと同様な「透過具合のグラデーション」を、PNGなど写真の画像ファイル全般に対して、CSSのみで再現することは可能でしょうか? CSS自体で作った背景を透過グラデーションさせる方法は見つけられましたが、画像ファイルに同様の効果を付与する方法を見つけられないでいます。 ご助言を頂けると幸いです。

    • ベストアンサー
    • CSS
  • 同じHTMLに、違うCSSを適用させているリンクについて

    こんにちは。 同じHTMLに、違うCSSを適用させている aタグについて教えてください。 具体的には「イオブログ」というサイトのブログテンプレート一覧が表示されているページがあるのですが、 http://blog.eonet.jp/tmpparts/index.html 一覧の画像のリンクが http://blog.eonet.jp/tmpparts/sample.html?style=eoblog/az/theme.css 上記のような.cssでおわるリンクになっていました。 http://blog.eonet.jp/tmpparts/sample.htmlというHTMLファイルに、 違うCSSを適用させているようなのですが、どんな仕組みで表示されているのか(例えばCGIとか)よくわかりません。 もしおわかりのかたがいらっしゃったら、よろしくおねがいいたします。

  • アメブロでアクセスごとに画像が変わるようにしたいです

    こんにちは。 よくアクセスごとにtop画像が変わるHPがありますが ameba のブログのtop画像もそのようにしたいのです。 普通のhpでしたら書き換えてする方法を 何個か検索で見つけて理解したのですが アメブロの『スキンCSSの編集』にあるソースが特殊で やり方がわかりませんでした。 自分なりにそれらしき箇所をいじりましたが無理でした。 アメブロ関連の画像の切り替わりの方法は 検索でいくら調べても辿りつけませんでした。 何かアドバイスを頂けると有り難いです。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML