テキストを飛ばす方法
色々苦労しましたが、テキストを透過にして、画像でメニューを表示させようとしたのですが、IE8以下では、transparentにしろ、rgba指定にしてもfontが透明にならない。
無視しても良いと思うのですが、（どうせそのうちIE8は使えなくなると思うので・・・）一応念の為にやり方を調べました。
前までは、text-indent:-9999pxでテキスト飛ばしてって方法だったみたいですが、SEO的にもよろしくないみたいなので、色々調べてみたら、こんな感じでしてすると良いみたいです。
text-indent: 100%;
white-space: nowrap;overflow: hidden; |
インデントを幅いっぱいまで指定して、折り返されないように設定し、飛び出した部分は隠すよって感じの指定方法です。