pseudo-element

0熱

2答えて

アイコンで箇条書きしたブートストラップリストグループがあります。最初のアイコンをリストグループから削除しようとしています。これどうやってするの？ここに私のコードは次のとおりです。 <ul class="list-group" id="vacationList"> <li class="list-group-item text-center" id="vacationListTitl

0熱

1答えて

CSSの擬似要素を使用した境界の問題

壊れた境界線効果を作成しましたが、境界線の端にぼかしを入れたくありません。私はborder-radiusと私が思うことができるすべてを混乱させたが、何も考えることができない。どんな入力も高く評価されます。それはこのように見えるようにするために私が希望： .container{padding-top: 40px;} a h3{margin-top:0!important;} .col-

0熱

1答えて

：before疑似セレクタの下にコンテンツを表示させるには？

私は要素 <div class="Test_then">The result is ...</div> Test_thenクラスを持っているが、このようになります： .Test_then::before { content: 'Then'; } 私の目標は、（The result is ...が）Test_thenクラスによって追加Thenコンテンツの下に表示させることです。だ

0熱

1答えて

テーブル行の隣に浮動要素がある

テーブル行の横に2つのアイコンを表示しようとしていますが、これは一般的な編集/削除ボタンです。私はアイコンで余分な列を追加すると、相対と絶対の両方でそれを配置しようとしましたが、それはそれ <td class="actions"> <i *ngIf="editing" (click)="saveEdit()" class="fa fa-floppy-o" aria-hidden="tr

0熱

1答えて

スクロールに擬似要素をフェードする - JSまたはjQuery

スクロールで不透明にフェードしたい擬似要素があります。私はそれをする方法の頭や物語を作るように見えることはできません。私はここにコードを設定しました。 http://codepen.io/emilychews/pen/JWyaKr 通常、私はGreensockを使用しますが、私はこのプロジェクトではできません。私は絶対配置されたdivではなく、擬似要素を使用する必要があります。フェードは、上から1

3熱

1答えて

Divとその擬似要素（CSSまたはJavascript/jQuery）にアンカーリンクを追加します。

メニューの上にアンカーリンクがあります。誰かがメニュー項目をクリックするか、アイコンを保持している擬似要素をクリックすると、リンクが機能するようになります。私はここcodepenいる：http://codepen.io/emilychews/pen/wJrqaR 赤い四角は、アイコンを保持する擬似要素です。コードは次のとおりです。 CSS .menu{ position: relative;

1熱

3答えて

は、私は次のようなレイアウトを構築したい背景

としてのCSSの三角形を配置したいです。しかし、背景イメージを使っても、私はそれをどのように構築するのか分からないでしょう。私はウェブを検索しましたが、必要なヘルプが見つかりませんでした。レイアウトには、テキストを含むdivが含まれています。背景色は明るい灰色です。次に、私は絵に示されているように、より暗い三角の背景を追加するのが大好きです。これは反応的なレイアウトとしても機能するはずです。 #

0熱

2答えて

停止：ラップ

に次の行にジャンプからの要素の後、私はいくつかの美しいCSSがあります。ここでは $itemHeight: 40px; $arrowModifier: 8; $pageBackgroundColor: $color-gray-50; .processBar { display: flex; flex-wrap: wrap; &_item { di

1熱

1答えて

jQueryのホバーエフェクト:: after

divの上にマウスを置くと、いくつかのエフェクトが発生します。問題は、divには擬似要素:: afterがあることです。コンテンツ要素のCSSルールを使用して、divを仮想要素（再生ボタン）に設定します。私のホバー効果は、:: after要素がある場所以外のdivの部分をホバリングしているときに機能します。 jQueryを使用して:: after要素を指す方法があるかどうかを知りたいだけです。

0熱

1答えて

：Microsoft EdgeとIEのHRの前と後：

IEとEdgeの<hr>タグの周りに表示するアイコンが◆になるのは困惑します。 hrに適用するクラスを作成しましたが、これはFirefoxとChromeでうまく表示されますが、IEを動作させる方法がわかりません。表示方法：Normal (Firefox and Chrome)。しかし、IEとEdgeでは、アイコンは表示されません。私は彼らがまったく表示されていないと思ったが、:beforeと: