ちこリンク貼ってるのに指のマークにならないとき、これを書くべしツイートシェアはてブGoogle+PocketWordPressのカスタマイズをしていると、テーマにもともとついてるヘッダースライダー機能の上にボタンを設置したり、バナーを設置したりすることがあります。いうか毎回そういうことをしてます。いうことをしてると、たびたび直面する「リンク貼ってるのにクリックできない問題」。このように、ちゃんとリンクを貼るためのタグを書いてるのに、リンクが機能しないのです。リンクを貼ってるのをテキストから画像にしてみても、divから出してみても、どうしてもだめなので必死で調べました。スライダーなどを設置するためのphpのなにかが邪魔してるのかな?もしそうだとしたらお手上げです。teratailでこのような質問を見つけました。https://teratail.com/questions/103884「リンクをクリックできない!」このように位置を指定した時にそういう現象が発生することには気付いてました。位置を指定するとき、必ずCSSでその要素にposition:absolute;という関数を書きます。したらいいのか全くわからなかった私にとって、この質問の回答は目からウロコでした。position:absolute;を書くと、中に入ってるaが覆われてしまってリンクが消えるみたいなんです。cssにこう書きました。relative;}そしたら、ちゃんとリンクが出た!!一瞬だけ!!wはい。一瞬出てまた消えました。シャボン玉のように・・・これはもうこのリンクを貼ってる要素の上に別の要素が重なっていて邪魔をしているとしか考えられない。いうわけで、リンクを貼ってる要素を入れてるdivにz-index:100;と付けてみました。要素を最前面に出すための関数です。すると、やっとリンクの指マークが出たのです!!ちなみにz-indexはpositionと一緒じゃないとダメな関数。今回、positionを書いてたのでz-indexも働いてくれました。!important;}めでたしめでたし!!こちらの記事もおすすめですstorkカスタマイズ|ナビゲーションメニューにCSSでアニメーションつけたXeoryカスタマイズ!忍者おまとめボタンでSNSボタンを目立たせようXeoryをカスタマイズしてみよう!フッター編Xeoryカスタマイズ!ヘッダー下のナビゲーションメニュー編カスタマイズこの記事が気に入ったらいいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。在宅ワークはパート以上に稼げるのか?RECOMMENDこちらの記事も人気です。カスタマイズ2015.2.16Xeoryカスタマイズ!サイドバーのタイトルに背景色を入れる編カスタマイズ2015.2.23Xeoryカスタマイズ!忍者おまとめボタンでSNSボタンを目立たせようカスタマイズ2015.7.28WordPressカスタマイズ|メニューバーを画像に変えようカスタマイズ2016.8.27storkカスタマイズ|ナビゲーションメニューにCSSでアニメーションつけたカスタマイズ2015.8.17カスタマイズ|グローバルメニューをスマホ対応にカスタマイズ2016.8.1STORKをカスタマイズ!フッター編カスタマイズ2015.2.13Xeoryをカスタマイズしてみよう!ヘッダー編(追記アリ)カスタマイズ2015.2.17Xeoryカスタマイズ!ヘッダー下のナビゲーションメニュー編ABOUTこの記事をかいた人りりちこりりちこです。web制作をしてます。webデザインで仕事をしたい方のサポートもしてます。目まぐるしく変化していくWebの世界で生き残っていくために、日々インプットアウトプットを繰り返しています。POSTこのライターの最新記事webデザイン講座2020.1.11良質コンテンツは無料化へ。福岡国際会議場で「集客し続けるホームページを作る勉強会」を開催しました。福岡商工会議所で「あなたのホームページを成果を出せるホームページにする勉強会」を開催しました。10/7グロースハックキャンプを開催しました。12/1前田高志デザイントークイベントを開催しました。大卒後からWeb関係の仕事に従事。サイト制作、office、adobeソフトの講師を務める。剣道2段の息子の試合を見てるうちに剣道好きになる。イエモン、真心、エレカシ、ユニコーン日本のロックが好き。※掲載の記事・写真・イラスト等のすべてのコンテンツの無断複写・転載を禁じます。良質コンテンツは無料化へ。仕事としてずっとやっていけるのか不安・・・このメルマガでは、ほんとに稼げるWebデザイナーになるための役立つ情報を配信しています。