• [解決済み] CSS3 Transition - フェードアウト効果

    質問 私は純粋なCSSで"fade out"効果を実装しようとしています。以下はその例です。 フィドル . ネットでいくつかの解決策を調べたのですが、その中で オンラインドキュメント なぜスライドアニメーションが機能しないのか、その原因を考えています。何かご指摘はありますか? .dummy-wrap { animation: slideup 2s; -moz-an

    2022-03-04 13:50:46
  • [解決済み] CSSクラスのネスト

    質問 以下のようなことは可能でしょうか? .class1{some stuff} .class2{class1;some more stuff} 解決方法は? バニラCSSでは不可能です。しかし、次のようなものを使用することができます。 サス SassはCSSを再び楽しくしてくれます。Sassは CSS3の拡張で、ネストされた ルール、変数、ミキシン、

    2022-03-04 11:01:03
  • [解決済み] ReactJSを使ったインラインのフォントサイズスタイルの生成

    質問 ReactJSでこのようなことをやろうとしています。 var MyReactClass = React.createClass({ render: function() { var myDivText = "Hello!"; var myFontSize = 6; //this is actually something more compli

    2022-03-04 10:18:46
  • [解決済み] デザインに影響を与えずにdivを右に浮かせることができる

    質問 ページの上部にあるdivを右にフロートさせたい。50pxの正方形の画像が入っているのですが、現在、ページの上部50pxのレイアウトに影響を与えています。 現状ではその <div style="float: right;"> ... </div> z-indexが答えだろうと思い試してみましたが、うまくいきませんでした。 何か単純なことが足りな

    2022-03-04 09:14:08
  • [解決済み] テキストをdivの下に整列させる

    質問 私は、スタックオーバーフローの他の投稿と回答から、私のテキストをdivの下部に整列しようとしました私は別のCSSプロパティでこれを処理することを学びました。しかし、私はそれを成し遂げることができません。基本的に私のHTMLコードはこのようなものです。 <div style='height:200px; float:left; border:1px solid #ff00

    2022-03-04 08:16:04
  • [解決済み] div をスクロール可能にする

    質問 ノートパソコンに関連するデータをフィルタリングするために、いろいろなものを表示するdivを持っています。データサイズが大きくなると、divのサイズも大きくなります。 divは最大450pxのままにして、データが増えたら自動的にスクロールするようにしたいです。divのサイズは大きくしないでください。 jsfiddle を使用します。 css 。 .itemconfig

    2022-03-04 07:21:54
  • [解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?

    質問 Twitter Bootstrap (Responsive) バージョン 2.2.2 のファイルに、以下のタグがあります。 @-ms-viewport { width: device-width } 私が見たのは @media といった @ s. しかし @-ms-viewport . マイクロソフトやIEと関係があるのでしょうか?なぜそれが最初のスタイル宣

    2022-03-04 07:06:25
  • [解決済み] 無効化されたボタンをCSSでスタイル表示する

    質問 以下のFiddleにあるような、画像を埋め込んだボタンのスタイルを変更しようとしています。 http://jsfiddle.net/krishnathota/xzBaZ/1/ 例では画像はありませんね。 しているのですが を変更します。 background-color ボタンが無効の場合 ボタンが無効のときにボタン内の画像を変更する 無効時のホバーエ

    2022-03-04 04:30:34
  • [解決済み] ChromeでCSSが効かない

    質問 制作中のウェブサイトのこのページで、CSSが読み込まれません。 http://www.thesanfordcenter.net/sanford-center . Chromeでのみ発生するのですが、別のPCのChromeでも同じ問題が発生しており、ブラウザの閲覧履歴とキャッシュ履歴をすべてクリアしているので、キャッシュの問題ではありません。 FFとIEでは正常に動作しているよう

    2022-03-04 04:12:46
  • [解決済み] CSSの疑似要素の前の"&"は何を意味するのですか?

    質問 以下のCSSは Twitter Bootstrap アンパサンド(&)はどういう意味ですか? .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } }

    2022-03-04 03:42:45
  • [解決済み] cssのプロパティ値にある「!default」はどういう意味ですか?

    質問 twitterのブートストラップのコードでは、CSSのプロパティに !default を末尾につけています。 例 p { color: white !default; } とは何ですか? !default を行うか? アップデイト 明確でなかったのは私の責任です。私はBootstrapのSASSの部分を使用しています。 どのように解決するのですか?

    2022-03-04 03:11:20
  • [解決済み] h1をボディーの中央に配置するにはどうしたらよいですか。

    質問 このようにbodyタグの中でh1をセンタリングしてみました。 h1 {margin:0 auto} http://jsfiddle.net/qPDwY/ しかし、中央に表示されません。どうしたら直るのでしょうか? 解決方法は? この場合 h1 { text-align:center; } jsFiddleの例 margin:autoル

    2022-03-04 02:20:47
  • [解決済み] font-weightが正しく動作しない?

    質問 http://www.i3physics.com/blog/2010/07/dsfsdf/ 以下はその一例です。 "PHP"と書いてある部分(右上隅)はそのままスリムなままでした。 以下は、CSSコードの一部です。 .wp_syntax_lang { background-color:#3c3c3c; position:absolute; right:0;

    2022-03-04 01:53:50
  • [解決済み] CSSでロゴを表示する場合の正しい方法を教えてください。

    質問 最近CSSを勉強しているのですが、私が見ているチュートリアルシリーズでは、ロゴ画像を表示するには、テキストをH1タグで囲み、そのタグのCSSスタイルを背景画像に設定し、テキストのインデントを-9999またはそれに近い大きな数字にすると良い、と書かれています。 これは、信じられないほどハチャメチャで、エレガントではないように思えます。また、CSSを使ってテキストを隠すことは、SEOの

    2022-03-03 23:58:20
  • [解決済み] Bootstrap 4、ボタンを中央揃えで配置するには?

    質問 <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center">

    2022-03-03 20:56:11
  • [解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ

    質問 ホバー可能なCSSのみのツールチップがあり、ほとんどの場合うまく動作していますが、最大高さを超えたときにスクロールバーを追加したいです。もし私が max-height: 50px; overflow-y: auto という擬似要素 :before と :after が消えるのは overflow プロパティを使用します。 参照してください。 http://jsfid

    2022-03-03 20:21:54
  • [解決済み] How can I center <ul> <li> into a div?

    Question How can I center an unordered list of &lt;li&gt; into a fixed-width div ? &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/201001

    2022-03-03 19:07:17
  • [解決済み] Bootstrapでlight/darkモードを適切に導入する方法とは?

    質問 私は ブートストラップ4.5 を使用し bg-dark をHTMLテンプレートに追加しました。明暗の切り替えを実装したいのですが、可能でしょうか? そこで、Bootstrapでは bg-light というクラスがあるのですが、これをどのように使うのかがよくわかりません。私の混乱を明らかにさせてください。 をすべて置き換えるのでしょうか? bg-dark で

    2022-03-03 18:42:13
  • [解決済み] CSSクラスとサブクラス

    質問 うまくいかないようなので、私がやっていること以外で、こんなことは可能でしょうか?あるクラスの下にあるサブクラスには、そのクラス専用のCSSを使わせたいのです。 CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; }

    2022-03-03 18:17:03
  • [解決済み] HTMLの要素間にCSSのみでスペースを追加する

    質問 同じHTML要素がいくつも続いているのですが。 &lt;span&gt;1&lt;/span&gt; &lt;span&gt;2&lt;/span&gt; &lt;span&gt;3&lt;/span&gt; を使用して、要素の間にスペースを追加する最適な方法を探しています。 CSSのみ [no space] [1] [space 10px] [2] [space

    2022-03-03 18:02:59