ホームページ >ウェブフロントエンド >htmlチュートリアル >フロントエンド WAP ページの問題、回答募集中、_html/css_WEB-ITnose

フロントエンド WAP ページの問題、回答募集中、_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:57:12949ブラウズ

最近、携帯電話用の Web ページを作成していました。a タグ内に画像とテキストを配置しました。a タグをクリックしてジャンプすると、境界線または内部要素が表示されます (つまり、内部要素には青色の文字が表示されます)。マスクレイヤー)ユーザーエクスペリエンスが非常に悪いです、これを削除するにはどうすればよいですか? border:none を設定し、outline:none も使用しましたが、解決できません。


ディスカッションへの返信 (解決策)

画像の場合は、画像の境界線を 0 IE にすると、img タグが a タグ内で次のようになります

テキストに関しては、問題はコンテンツ要素に画像とテキストが含まれていることです。主な理由は、コンテンツ全体が選択されている場合、選択した要素のマスクレイヤーがジャンプの前に表示されます。背景色のようです。これを最適化する方法があります。ありがとうございます

border 0 では解決できません。助けてください。

a タグの疑似スタイルを設定します。 ,
a:link {color: #ffffff} /* 未訪問のリンク * /

a:visited {color: #ffffff} /* 訪問済みのリンク */

a:hover {color: #ffffff} /* マウスがはリンク上にカーソルを置いています */

a:active {color : #ffffff}/* 選択したリンク */
#FFFFFF を A タグの元の色に変更します。順序に注意してください。

?これは列構成のユニークな機能です

a{    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

5 階のマスターの助けのおかげで、問題は正常に解決されました、ありがとう、そして他の 2 人の友人にも感謝します彼らの助けとサポート、ありがとう〜

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。