IOSでの背景固定表示について

前提・実現したいこと

スマホでも背景を固定しパララックス効果を出したい。
【補足】
背景固定したい箇所が二箇所あるので、PC表示は「background-attachment: fixed;」と「background-size: cover;」で背景固定し、
iPad以下は「position:fixed;」を使って一箇所のみ背景固定にしようと考えています。

発生している問題・エラーメッセージ

PC用の「background-size: cover;」が影響してスマホで見た時に背景がドアップ＆固定されてしまう。上記を消すとスマホでも背景固定されるのだが、PCウィンドウ幅1440くらいになると端が足りず背景画像が途切れてしまう。

該当のソースコード

<section class="conC">
    <div class="container">
        <h3>テキスト</h3>
    </div>
</section>

.conC {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url(../img/bg2.jpg);
	background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
/* スマホ　背景固定　*/
@media (max-width:768px){
    .conC:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(../img/s-bg2.jpg) no-repeat right top;
    background-size: 100% auto;
}
}

試したこと

PC用に下記を記述
・「background-size: cover;」を消し、「width:100%」を設定→ダメ元だったがやはりダメ
・「z-index:-2」を記述→効果なし

LouiS0616

2020/02/05 11:13

この問題の出典を追記して下さい。

削除済ユーザー

2020/02/05 11:14

プログラミング演習支援システムというサイトです。

Zuishin

2020/02/05 11:31

佐賀大学の課題ですか。

回答3件

４人のうちの誰が正直で誰が嘘つきなのか？という点に関しての取り得るすべての組み合わせに関して，総当たりで
パターン{card_a, card_b, card_c, card_d}が矛盾するかしないかをチェックすればよいのではないでしょうか．

投稿2020/02/05 10:39

編集2020/02/06 03:33

fana

総合スコア-38

削除済ユーザー

2020/02/05 10:41

どのようなコードを書いたらいいでしょうか？教えてください。よろしくお願いします。

fana

2020/02/05 10:57

低評価理由を明記願いたいです．話が間違っているのであれば，質問者に対してこれ以上この回答内容に即した話を続けるわけにもいきませんので．

fana

2020/02/05 11:00

（というわけで，ダメな理由がわかるまでサスペンド）

SaitoAtsushi

2020/02/05 13:36

質問者は Teratail の趣旨をわかっていないように見えます。 Teratail は質問に対して回答することを趣旨とするサービスであり、解となるコードを求めることは推奨されません。それは質問というよりは代わりにやって欲しいという要求です。 https://teratail.com/help/avoid-asking 説明のためにコードを提示することはありますが、質問者の替わりに課題を解くことはしません。

fana

2020/02/06 03:47 編集

時間を設けてみたが，低評価理由は書かれない模様．質問者のコメントや雑すぎるマルチポストなどの様子を鑑みると，正直，コード(のようなもの)を書くことはためらわれるのだが，無言低評価君（何故か増えている）が少しでも理由を書きやすくなるよう，あえて私の回答内容をコード化してみた．コード内容の間違いがあれば指摘願いたい．コードを記す行為自体に否定的評価を下すのであればその旨を明記されたい． To質問者様：提示したコードは全く動作(というかコンパイルすら)確認されていない殴り書きである点に注意されたい．

fana

2020/02/06 03:46

（仮に，低評価理由が「お前の態度がなんとなく気に入らない」みたいな理由だとしても，やはり明記願いたい．そういう理由によるものなのだとわかるだけでも，理由が書かれないよりはずっと良い．）

ヒントです。

C++
int check() {
	static bool t[6][4] = { /* ここに嘘つき族2人、正直族2人の全パターンを書く */ };
	for (bool *p = *t; p < t[6]; p += 4)
		if (!(card_a&1)==p[0] && (card_b>=3)==p[1] && !p[1]==p[2] && (card_d==1)==p[3]) {
			liar_a = p[0], liar_b = p[1], liar_c = p[2], liar_d = p[3];
			return 1;
		}
	return 0;
}

理解できたら、解答を書いてください。
理解できなかったら、どこが分からないのかを質問してください。

投稿2020/02/05 14:50

kazuma-s

総合スコア42

削除済ユーザー

2020/02/05 15:06

全パターンを書くとありますが，どのような形式で書けばいいのでしょうか？教えてください．お願いします．

ベストアンサー

嘘つきなら反対を答える関数を用いると簡潔に実装できるかと思います。

C++
// 嘘つきなら反対を答える
bool get_answer( 答える人, 嘘つきな人たち, 答え){
    if( 答える人が嘘つきな人たちに含まれる){
        答え != 答え;
    }
    return 答え;
}


bool check( 嘘つきな人たち, 各人のカード)
{
    return get_answer( A, 嘘つきな人たち, Aさんの命題) &
           get_answer( B, 嘘つきな人たち, Bさんの命題) &
           get_answer( C, 嘘つきな人たち, Cさんの命題) &
           get_answer( D, 嘘つきな人たち, Dさんの命題);
}

投稿2020/02/05 12:02

編集2020/02/05 12:03

can110

総合スコア72