質問: タイトルの背景に自作の写真 cssなど解らないまま取り掛かってしまい、不都合がでて困っています。 gooブログ カスタムブルーを編集しています。 いろいろ試したんですが、どうしても始めのタイトル文字が消えません また、タイトルのリンクもできません よろしくお願いいたします このようになっています /* ブログのタイトル部上 */ .headerlight { height:180px; background-image: url(http://blogimg.goo.ne.jp/user_image/49/cd/**166970926a7f506a0f00565c521498.jpg); background-repeat:no-repeat ; background-position: ; background-color: ; } /* ブログのタイトル */ .btitle { color: ; font-size: ; font-weight: ; font-family: ; } /* ブログタイトルのリンク(<a href="#" class="ettitlelink">で使用) */ .btitlelink { text-decoration: none; } /* ブログの概要 */ .bdesc { color: #990099; font-size: 16px; }
回答: /* ブログのタイトル */ .btitle { color: ; font-size: 1px; text-indent: -2000em ← display: block ← width: 760px; height: 180px; font-weight: ; font-family: ; } 矢印を付けた部分、最後の「;」が抜けています。 (これが付けばvisibility: hidden;は必要ないと思います...というか使わない方がいいという話です。音声ブラウザではvisibility: hiddenで消してしまうとその部分が読み上げられなくなる、という理由のようですが...)