CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

RSS
  • 解決済

    回答
    3

    背面の要素にのみぼかしをかけたい

    HTML,CSSにて、ある特定部分にのみ常にぼかしをかけておきたいです。 イメージはこういった感じです。 コンテンツをスクロールしても、ぼかしの部分のみコンテンツがぼかされる様になってほしいです。 (そこにのみフィルターをかけているイメージ) 以上、よろしくお願いいたします。

    • 0評価
    • 81PV
    cryson cryson 4時間前に コメント
  • 受付中

    回答
    1

    右から左へ要素が動いて消え、消えた後に文字や画像が表示される仕組み

    分からないこと cssアニメーションとjQueryを使ってWEB上で動かす事を独学で始めている初心者です。 このサイトのように タイトルや画像が表示される前にアニメーションで右から左へ消え、その後タイトルや画像が表示される仕組みが気になり 調べておりますがどのように実装しているのかいまいち分かりません。 実装したこと 下に自分が書いたコードがありますが

    • 0評価
    • 83PV
    im_cuttlefish im_cuttlefish 6時間前に コメント
  • 解決済

    回答
    2

    フォームのz-indexが効かない

    railsでwebアプリを作ってます。フォームのz-indexが効かないです。z-indexが高いはずの要素よりも前面に表示されます。マイナスのz-indexにすると背面にはいくんですが今度は選択が効かなくなります。 どなたか解決ほうご存知でしょうか。

    • 0評価
    • 26PV
    naoya.n naoya.n 10時間前に ベストアンサー
  • 受付中

    回答
    0

    タブとハンバーガーメニューの同時実装(jQuery)重なり合った要素の調整がうまくいきません

    wordpressを使ってタブ機能とハンバーガーメニューを実装しようとしているのですが、z-indexをいくら調整しても互いの要素が重なってしまい、上手い具合に表示されません。どなたか同じような機能を実装されてる方アドバイスをお願いします。 html <!--ここがハンバーガーメニュー部分--> <div class="MenuC

    • 0評価
    • 57PV
    teratailが11時間前に アップデート
  • 受付中

    回答
    1

    slick.jsの左右画像が見えるスライダーで左右で見える画像幅を変えたい

    作成中のレスポンシブのサイトでslick.jsを使用してスライダーを実装しています。 オプションで「centerMode: true」を使い左右に前後の画像を表示していますが、 このオプションでは左右に見える画像のサイズが同じになります。 この時に左右に見えている画像幅を右と左で変更したいと考えています。 下記のようなイメージです。 色々試して

    • 0評価
    • 18PV
    kei344 kei344 11時間前に 回答
  • 受付中

    回答
    0

    レスポンシブサイトで動画の高さを画面幅に収まるように指定したい

    前提・実現したいこと レスポンシブサイトを作っていて、TOPページのファーストビューに 動画を指定しているのですが、高さの指定の方法がわかりません。 mp4ファイルの大きさが「1280 × 720」です。(こちらをリサイズする必要があるのでしょうか?) 例:http://cafestudiobakery.tokyo/ 例のサイトのように開いているウイン

    • 0評価
    • 28PV
    teratailが13時間前に アップデート
  • 解決済

    回答
    3

    cssこのコードの意味

    -webkit-transition: background-color 9999s; transition: background-color 9999s; このコードの意味を教えてください(>_<) 1行目はbackgroundcolorにアニメーションを適用させてる?んですか 9999sは9999秒?ですか(>_<) 全体的によく意味がわからな

    • 0評価
    • 111PV
    oguramk5 oguramk5 18時間前に コメント
  • 受付中

    回答
    2

    サイズをちょっと大きくしたりするときにどのようなクラス名にしますか?

    サイズをちょっと大きくしたりするときにどのようなクラス名にしますか? 大きい方と小さいほうをどう表現するのが一般的でしょうか? .serp--sp-midium-x { width: 47.5rem; } .serp--sp-midium { width: 37.5rem; } .serp--sp-small { width:

    • 0評価
    • 76PV
    x_x x_x 19時間前に コメント
  • 受付中

    回答
    1

    widthがpx指定されたPCサイトをレスポンシブ対応したい

    HTML、CSS初学者です。うまく質問ができずにすみません。 HTML、CSSの勉強のため、 既存PCサイト(http://sugoiweb.nezihiko.com/)の レスポンシブサイトを作成しています。 https://karujag.github.io/sugoi/ PCサイトは既存サイトの幅を確認しながら作りました。 全体を囲むartic

    • 0評価
    • 42PV
    karujag karujag 20時間前に コメント
  • 受付中

    回答
    0

    Djangoをherokuにdeployしたが、CSSが適用されない。

    前提・実現したいこと herokuへDjangoをデプロイした時にcssも適用されること。 ローカルでの仮想環境上ではcssがきちんとあたっています。 django girlsのチュートリアルに沿って開発を行なっていました。 発生している問題・エラーメッセージ ・herokuにデプロイするとcssがあたっていない ・アプリケーションは正常に動く

    • 0評価
    • 29PV
    teratailが1日前に アップデート
  • 解決済

    回答
    1

    Progateの「HTML & CSS 道場コース 初級編」の「お問い合わせフォームを作ろう」という...

    こんばんは。お世話になります。 Progateの「HTML & CSS 道場コース 初級編」の「お問い合わせフォームを作ろう」という問題です。 contact-formクラスの中のsection-titleクラスの「お問い合わせ」というテキストが左端にきません。また、contact-formクラスとcontents-itemクラスの間にpadding-t

    • 0評価
    • 66PV
    mikasa2445 mikasa2445 1日前に コメント
  • 解決済

    回答
    1

    sassの関数をブレイクポイントで条件分岐させたい

    前提・実現したいこと sassで自作の関数を作る際、ブレイクポイントで条件分岐させるコードを作りたいのですが、 どのようにやればいいかよく分からず困っております。 下記のようなコードを上手く動くような形にするのは不可能なのでしょうか? 教えていただけると助かります。 //3つ関数を作れば簡単なのですがこれを出来れば1つにまとめたい @function

    • 0評価
    • 47PV
    kihara kihara 1日前に コメント
  • 解決済

    回答
    1

    @mediaルールにおいての「screen」の必要性

    レスポンシブWebデザイン作成時の@mediaルール、media属性値についての質問です。 インターネットや書籍を参考にレスポンシブサイトを作成しています。 条件を分岐するために@mediaルールを使っていますが 多くの解説サイトで @media screen and (max-width:600px) {....} といった記述が紹介されていま

    • 0評価
    • 47PV
    t-hoso t-hoso 1日前に ベストアンサー
  • 解決済

    回答
    1

    Bootstrap3で勝手に .containerクラスが付いている

    ホームページを作成するのにBootstrap3を使っていて画面全体にジャンボトロンや <div> の塗りつぶしを広げたいのですが、以下のコードのように class="container"、あるいはclass="container-fluid"をつけていないにも関わらず画像のように勝手にclass="container" が追加されてしまいます。 どうすればよ

    • 0評価
    • 43PV
    totororon totororon 1日前に ベストアンサー
  • 受付中

    回答
    0

    WKWebViewで表示崩れ

    WKWebViewを用いてiOSアプリケーションの開発を行なっています。 下記端末でWKWebViewで表示している画像(.png)の表示が崩れてしまいます。 (見た感じ、render(表示)が遅れているように見えますが、画像の形が変わってしまったり、一部表示されなかったり) iPhone7以降 iPhone7+ iPhone8 iOS 11.

    • 0評価
    • 36PV
    mahoken mahoken 1日前に 質問を編集
  • 解決済

    回答
    3

    レスポンシブ対応で、スマホを横向きにした時に画面が拡大して表示されてしまう。

    現在、企業のリクルートサイトをレスポンシブ対応で作成中です。 http://p56.proto.develop.lionheart.co.jp/job/newgraduate/ スマホを縦にして見た時はいいのですが、横向きにすると画面が拡大して表示されてしまいます。 レスポンシブのブレイクポイントは768pxに指定しているので、横向きサイズでも対応

    • 0評価
    • 70PV
    mts10806 mts10806 1日前に コメント
  • 受付中

    回答
    1

    デベロッパーツールでスクロールバーが表示される

    chromeのデベロッパーツールでレスポンシブモードのとき 更新をするとchromeのスクロールバーが表示されてしまい、 表示幅が減ってしまいます。 サイズを変更(iphone7→ipadなど)をすると消えるのですが、 いちいち毎回やるのも面倒です。 昔まではスクロールバーで画面幅が小さくなることはなかったのですが、 少し前からこうなってしまいました。

    • -1評価
    • 86PV
    kihara kihara 1日前に 質問を編集
  • 受付中

    回答
    2

    jquery UIのDraggableの範囲指定に台形を使用したい

    現在、jQueryUIのdraggableを使ってオブジェクトをドラッグできるようにしています。 containmentも使用し、特定の範囲内で動くようにしています。 特定の範囲は、現状四角形なのですが、これを台形にしたいです。 実現したいこと ドラッグできる移動範囲を台形にしたい 該当のソースコード <body> <div id="jquery

    • 0評価
    • 57PV
    naga3 naga3 1日前に コメント
  • 解決済

    回答
    1

    スマホサイトでの固定ヘッダーの挙動について

    状況 下記のサイトを参考に固定ヘッダーを設置してみました。 https://item.rakuten.co.jp/drinkshop/1480180/ iPhoneでの動作検証は行い問題なかったのですがandroid(SCL43)で検証したところスクロールするところまではだいじょうぶでした。 しかし検索窓に文字を一文字入れた瞬間にヘッダーの固定が解除され

    • 0評価
    • 82PV
    misomiya misomiya 1日前に ベストアンサー
  • 解決済

    回答
    1

    WordPressにて削除したはずのスタイルが残ってしまう

    前提・実現したいこと WordPressにて適応したスタイルを消したのですが、変わらず残ってしまいます。 Googleデペロッパーツールで確認したところ、他のスタイルとは別で直接(index)に書き込まれています。 (各ページにスタイルの記述がないことは確認済みです) プラグインは使っていません。 試したこと ブラウザのキャッシュの削除。 wp_h

    • 0評価
    • 42PV
    cryson cryson 2日前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    7246

  • 総質問数

    4255

  • 今週の質問数

    45

関連するタグ

CSSタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る