TIL(04.19)
🟣IR技術
デザイン上は見えないが画面リーダーやブラウザに情報を伝えるテキストをHTMLで隠す技術.
に道を教える
1.ココア
text-indent:-99999 pxを使用して画面外に送信します.
.ir_pm{
display:block;
overflow:hidden;
Font-size:1px;
line-height:0;
text-indent:-9999px;
}
color:透過性はIE 9から使用できるのでpcバージョンでは使用しません.
透明:透明色
.ir_pm{
display:block;
overflow:hidden;
font-size:1px;
line-height:0;
color:transparent;
}
.screen_out {
overflow: hidden;
position: absolute;
width: 0;
height: 0;
line-height: 0;
text-indent: -9999px;
}
.ir_wa{
display:block;
overflow:hidden;
position:relative;
z-index:-1;
width:100%;
height:100%
}
2.NAVER
.blind {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
}
Reference
この問題について(TIL(04.19)), 我々は、より多くの情報をここで見つけました https://velog.io/@dpdms0109/TIL04.19テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol