HTML/CSS のどんな質問にも優しく答えるスレ 48
レス数が1000を超えています。これ以上書き込みはできません。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 47
https://mevius.5ch.net/test/read.cgi/hp/1617839294/
■関連スレ
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/
■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html できないから、諦めて
コメントアウトで黄とか赤とか書いとくが吉 文書内の左上から x px y px ずれたところに
印を表示したいんですが
(jsで算出した x yがあってるかしばらく確認したい)
どういう方法がありますか
document.bodyにdivを作って
styleで
position:absolute
Left: x px;
Top: y px;
width:2px
height:2px
これらを指定して見たところ
だいたいのサイトではあってるようですが
bodyにrelativeとwidthとmargin-leftを指定されているサイトでは起点がずれてしまいました。 >>954
親要素のbodyにwidth指定すんのやめよう
レイアウトの都合でwidth指定したいなら子要素増やそう 自分のサイトじゃなく、ユーザースクリプトとかの話でしょ? >>955-957
ありがとうございます
そのURLみたいな感じでx yを算出したんですが
それを確認するために置こうとしてずれる時がある感じです
最悪bodyの文書の左上から位置を算出して補正してみます >>949
https://book.scss.jp/code/c8/07.html
SASS なら、
color: rgba(red,.7); → color: rgba(255, 0, 0, 0.7);
color: rgba(#132,.2); → color: rgba(17, 51, 34, 0.2); <style>
#aaa{
width:300px;
height:300px;
background-image:url("./test.png");
}
</style>
<div id="aaa">てすと</div>
このdiv領域の背景画像を半透明にするにはどうすればいいんですか?
ただし子要素は半透明にしないものとする。 >>961
横だが、糞コードやんそれ。
背景画像自体は明るく(白に近く)なってるだけで透過してるわけではないし。
これ間違いだし→background-image:()
background-imag:url()だろ?
いずれにしても糞コード div要素に背景画像使ったらbeforeでマスクかける
その中に文字入れるならpなりh1なり入れていく #aaaではなく#aaa::beforeにbackground-imageとopacity付ければ? >>963
div領域の背景画像が透過かどうかはbobyに背景画像を設定しないとわかりにくい
そのやり方でbodyで設定した背景画像が透けて見えるようになりますか? >>965
それでできなかったぞ
画像すら表示されなかった >>968
俺も。
>>964
悪害Noteははよ修正せい htmlそのままで背景画像のみをCSSだけで透過させるっていうお題に
そもそも無理があるので、htmlいじれない縛りがある状況ならば
代替案として>>961の方法もベターでは無いだろうが、あながち害悪という
訳でも無いと思う 要件を満たしていないという話だ
害悪かどうかなんて話してない
プリンの絵を載せて「あながち害悪というわけでも無い(キリッ」と言っているに等しい >>975
何か話が変わってるようだが
要件を満たしていないとういなら、>>968も要件は満たしていない
まぁ、>>964も>>968も俺なんだけどね
スレタイ読めるなら、他人にいちゃもんをつける前に、自分で回答ぐらい出そうよ >>969 >>977
backdrop-filter、動作するchromeで試しても上手く動かないんだけど
使い方間違ってる?
https://jsfiddle.net/q6pnzjko/ #aaa
{
width:90%;
height:300px;
border:Solid 10px yellow;
}
#aaa::before{
background-image:url("./bg.jpg");
opacity:0.5;
}
</style>
<div id="aaa">
</div>
これでできなかった、どこがだめなんでしょうか? >>983
#aaa:before に
contentプロパティ、positionプロパティ、サイズの指定
親要素にもposition:relativeなど
他の要素もある場合はz-indexもあったほうがいい? >>983
https://jsfiddle.net/0jzL5b2f/
余計なものも付け足したけど、プロパティを1つずつ削っていって動作確認すれば
何が必要なのか分かる >>987
ジェネレーターありがとうございます
backdrop-filterでbackground-colorを透過させるのは問題無いんですよね
でも今やってるのはbackground-imageを透過させたいって話で たぶんコーディングしてる人全員が一度は背景画像だけ簡単に透過できないって不便だなって感じた事あるんじゃねw
つまりいずれそういうプロパティが出来ると思う。いや絶対できる 今してるのは、どのやり方が良いとかダメとかって話じゃなく、
質問に沿った解決案が上手く行かないのは何故?って話でしょ
そもそも>>960の質問は、何かに困って質問したとは思えないしなぁ 端的にいうと質問に沿った解決案は現在の仕様においては 無 い 。
それが結論。
それをハッキリ言える人がいなかった。
その結論をいわずに代替案をポンポンだすからおかしなことになってる このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 104日 1時間 44分 24秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。