Q&A
（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
前提・実現したいこと
htmlとcssのみで、画像をテキスト状にくり抜いたように表示させたいです。
発生している問題・エラーメッセージ
該当のソースコード
html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="description" content=""> <title></title> <link rel="stylesheet" href="css/style.css"> </head> <body> <span id="text">くりぬきたい文字</span> </body> </html>
css
@charset "UTF-8"; #text { font-family: Meiryo, sans-serif; line-height: 1.1; font-size: 4.5em; font-weight: bold; color: rgba(0,0,0,0); /*テキストは透過させる*/ background-image: url(image/8.png); /*背景の画像*/ -webkit-background-clip: text; /*背景をテキストでマスクする*/ }
補足情報（FW/ツールのバージョンなど）
ブラウザはChrome、
エディタはAtomを使用しています。
ご指摘ありがとうございます。ご迷惑をお掛けしてすみません。
回答1件
0
ベストアンサー
投稿2018/07/06 14:59
総合スコア69407
御回答ありがとうございます。
そうでしたか……うまく言えないのですが、自分のパソコン（ローカル環境）では表示されなくて困っています。実際にネット上にアップすれば問題なく表示されるのかもしれませんね。制作段階で確認できないのもとても困るので、もし原因に心当たりがあればお教えいただけたら幸いです。。
新たに作り直してみては？
仰る通り作り直したところ正しく表示されました！原因は画像のパスが…合っていませんでした……本当に申し訳ありません。お恥ずかしい限りです。お時間を頂戴してしまってすみませんでした。御回答くださって誠にありがとうございました！今後は必ず気を付けます。
あなたの回答
tips
プレビュー
