ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
背景をグラデーションに
日時: 2005/05/02 19:36
識別: IDdMItXXa.UPg
名前: ゆきこ

こんにちわ、みなさん。
いつもお世話になってます。
今回、背景がグラデーションになっているサイトを見て、
自分もやってみたい!と思ったのですが、うまくそういったタグが見つかりません。
いくつかHTMLサイトさんの方を見てみたのですが、
それが載っているサイトさんは見つかりませんでした。
どなたがやりかた知っている方がいましたら、よろしくお願いします。
メンテ

Re: 背景をグラデーションに ( No.1 )
日時: 2005/05/02 20:49
名前: HAYATE

こんなんでいかがでしょう?その代わりInternet Explorer5.5以上でしか見られないようですけど・・・^-^;Netscape7.1では×。Opera7.53でも×。

<style type="text/css">
<!--
body{
filter:progid:DXImageTransform.Microsoft.Gradient
(startcolorstr='グラデ−ション開始色',endcolorstr='グラデ−ション終了色',gradienttype='0')
}
-->
</style>



例)
ブルー系からホワイトまで横にグラデーションしています
横が「1」縦が「0」です gradienttype='0'


<style type="text/css">
<!--
body{
filter:progid:DXImageTransform.Microsoft.Gradient
(startcolorstr='#3366FF',endcolorstr='#ffffff',gradienttype='1')
}
-->
</style>



背景がグラデーションになっているサイトを見てということなのでそのサイトのソースを見て研究しても良かったかも?

それと
背景 グラデーション
でGoogle検索しても出てきますが・・・
メンテ
Re: 背景をグラデーションに ( No.2 )
日時: 2005/05/02 21:46
名 FE6 前: ゆきこ

HAYATEさま返信ありがとうございます。
実際にやってみました。
とても綺麗に出来てました。
ありがとうございました。
グーグルでもちょっと違うキーワードで調べて見たのですが、
今一わからなくて・・・・;
もっと長かったんですよ、タグが・・・。
HAYATEさんのは短くてわかりやすくてよかったです。
本当にありがとうございました。

最後にちょっと質問なのですが、IE5.5以上じゃないと見れない、との事ですが、
もし対応してない人が見たらどうなって見えるのでしょう?
メンテ
Re: 背景をグラデーションに ( No.3 )
日時: 2005/05/02 22:09
名前: HAYATE

>最後にちょっと質問なのですが、IE5.5以上じゃないと見れない、との事ですが、
>もし対応してない人が見たらどうなって見えるのでしょう?

お答えです。
ただ真っ白です。
背景が真っ白っていうだけでコンテンツが見られないとかそういうことはないですよ。(白というか・・・属性などで指定していなければ標準ですね)

私はTOP Pageにこれを使ったことがあるのですがEnterの画像だけしかなくてちょいとお間抜けなTOP Pageになりました^-^;(・・・なのでそこで使うのはやめました。今は背景があってもなくても別にどーでも良いText Pageにつかってます^^)

メンテ
Re: 背景をグラデーションに ( No.4 )
日時: 2005/05/05 17:08
名前: ゆきこ
状態: 解決!

わわわ、お礼遅くなってごめんなさい。
わかりました。
本当にありがとうございました。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved