私はiOSと3Dの開発者で、Web開発の仕事をしています。HTML / CSS / JSでは、ボタンの上に水平線を配置するという、些細なことだと思っていたことが不可能であることがわかりました。
これが背景画像付きの私のボタンです:
<button id="myButton" style="background-image: url(assets/cursor-filter-thumbnail.png);" class="igv-filter-button" data-toggle="modal" data-target="#myDataTarget">
</button>
CSSは次のとおりです。
.igv-filter-button {
position: absolute;
width: 128px;
border:none;
padding: 0;
height: 100%;
background: none;
}
次に、JSを使用してプログラムで上下に移動する、このボタンの上に水平線を配置します。誰かが私を啓発することができますか?
1)ここに示すように、ボタンの周りにコンテナを置きます
<span class='linestyle'>
<button id="myButton" style="background-image: url(assets/cursor-filter-
thumbnail.png);" class="igv-filter-button" data-toggle="modal"
data-target="#myDataTarget">
</button>
<span>
2)CSSスタイルのボーダートップをスパンコンテナに追加します
.linestyle { border-top:1px solid black;}
3)ボタンにパディングトップを追加します。
.igv-filter-button { padding-top:1px;}
4)ボタンのパディングをプログラムで調整します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加