「前のページ」を「新しい記事」に
表示を変更しようと小細工したのですが
いや、小細工ではなく強引なワザだったのかな
案の定、ブラウザを替えると表示がおかしくなりました
(Operaで確認)
ワタクシがやった方法というのは、
背景画像に「新しい記事へ」という文字を入れておく
「前のページへ」というリンクを透明で表示させる
つまり、背景画像を見ながら透明の文字をクリックするわけです
ところが、当然と言えば当然なのですが
フィルタ機能に対応していないブラウザで見ると
透過表示ができないので文字が重なってしまうのですね
これじゃ読めない...
mitsu-kenさんからアドバイスしていただいた
visibility:hidden や display:none もダメでした
さて、どうしよう...
ちょっとデザインがごっつくなったけど
当初自分が考えた方向をさらに発展させて
何とか力ずくで解消しました
(Operaでは、だけど)
まだ表示がおかしいというブラウザをお使いの人がいましたら
コメント欄からご一報ください
(たぶん、「我慢してください」としか言えないだろうけど)
コメント
archer007
はじめましてmm
確かに「前・次」の表示って違和感がありますよね・・・
「他ブラウザでの表示」の件ですが、ネスケ&Mozillaで確認してみたところ、Operaと同じです。
原因はわかりませんが・・・
TodomatsuHouse
>archer007さん
種明かしをすると、矢印と「新しい記事へ」というのは背景画像で
その上に本来の「前のページ」と白い四角形の画像が表示されているのです
IEではフィルタ機能を使って見えなくしているのですが
Operaなどではそのまま見えているということなんです
mitsu-ken
めもにっきさんで解決されたようです。
http://saradhina.exblog.jp/1214854
TodomatsuHouse
めもにっきさんの方法を試そうとしているのですが、
どうしても一部の文字色が変更できなかったり、
背景画像が表示されなかったり…どこが違うんだろう?
saradhina
はじめまして。 えっと…説明文が間違ってましt(けほけほ)
一応、OperaとFirefoxとIEで確認していますのでこれで大丈夫だと思います(あせ)
TodomatsuHouse
うまくいかなかったのは説明文の間違いのせいではなかったのですが(それは気付いていました)。めもにっきさんのCSSのプロパティを細かく区切って書き直した際に、勘違いして余計なことを書いていたようです…素直に真似したらうまく行きました(^^ゞ