html - HTMLCSS非表示ボタン

Question

こんにちは私はボタンのスタイルを背景に埋め込んでいて、それらをスライスしたくないので、見えないボタン（まだ機能的でクリック可能）を作成しようとしています。すべて最初からやります。

だから私はボタンを作りたいのですが、それを背景のボタンがあるべき部分に置き、背景のボタンの画像が表示されてクリックできるように非表示にします。

助言がありますか？どうもありがとうございます！

score 39 · Accepted Answer

button要素を透明にするには、次のプロパティを使用する必要があります。

テキストのない透明なボタン

button {

    background: transparent;
    border: none !important;
    font-size:0;
}

button {

    background: transparent;
    border: none !important;
}

絶対値を使用positionして要素を配置します。

divの下にボタン要素があります。positionボタンに：relativeを使用し、 position：absoluteを使用してdiv内に配置します。

これが動作中のJSFiddleです

これは、ボタンからのテキストのみを表示する更新されたJSFiddleです。

score 11 · Accepted Answer

CSSを使用してボタンを非表示にすることができます。

button {
  visibility: hidden;
}

画像上のクリック可能な領域だけの場合<button>、なぜわざわざボタンにするのですか？<map>代わりにelementを使用できます。

score 8 · Accepted Answer

button {
    background:transparent;
    border:none;
    outline:none;
    display:block;
    height:200px;
    width:200px;
    cursor:pointer;
}

背景の画像に対する高さと幅を指定します。これにより、ボタンの境界線と色が削除されます。また、必要な場所に正しく配置できるように、絶対に配置する必要がある場合もあります。投稿せずにさらにサポートすることはできません。コード

本当に見えないようにするには、outline：noneを設定する必要があります。そうしないと、一部のブラウザに青いアウトラインが表示され、クリックしてサイズを設定する必要がある場合は、display：blockを設定する必要があります。

score 3 · Accepted Answer

3

HTML

<input type="button">

CSS

input[type=button]{
 background:transparent;
 border:0;
}

于 2012-12-21T13:12:31.870 に答える

score 1 · Accepted Answer

1

background:transparent;ボタン/divにCSSを使用します。

于 2012-12-21T13:09:37.793 に答える