CSS পটভূমি কাজ না এবং কোন জিনিস প্রদর্শন না

শরীরের ট্যাগ প্রয়োগ করা নিম্নলিখিত শৈলী কাজ করে না এবং আমি অন্য উপায় খুঁজে বের করার চেষ্টা করছি, কিন্তু আমি কাজ করতে পারছি না।<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

body {
    background: url(/resources/images/pic.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="https://getbootstrap.com/favicon.ico">

    <title>Home</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="/css/style.css" >
</head>
</div> </div>

enter image description here

0
@ পিটার আমি মনে করি এটা পেট, কিন্তু সে সব ক্ষেত্রে ঠিক আছে .. এমনকি আবার আমি ^^
যোগ লেখক Arthur, উৎস
@Peter সম্ভবত কারণ OP এর কোডটি সূক্ষ্ম কাজ করে তাই এটি অবশ্যই ইমেজ বা এর সাথে কিছু করতে হবে পথ - এবং এটা আমি ছিলাম না - আমি এমনকি আর্থারের উত্তরে বিশেষভাবে বলেছিলাম, তবুও সে আমাকে দোষারোপ করে!
যোগ লেখক Pete, উৎস
এই url (../ resources/images/pic.jpg) ব্যবহার করুন .. কোডটি ভাল হওয়া উচিত ( jsfiddle.net/fnq6ozLk/1 )
যোগ লেখক Temani Afif, উৎস
কে এই উত্তর সব downvoting হয়?
যোগ লেখক Peter, উৎস
@ আর্থার আমি শুধু আপনার উত্তর দেখেছি এবং আমি বুঝতে পেরেছি যে আপনি মূলত বলেছিলেন যা আপনি বলেছেন। আমি আপনার উত্তর আপগ্রেড করছি।
যোগ লেখক Peter, উৎস

6 উত্তর

আপনি ইউআরএল ফাংশনের মধ্যে ইউআরএল উদ্ধৃত করতে হবে এবং এটি ব্যাকগ্রাউন্ড-চিত্র এবং কেবল পটভূমি নয়।

2
যোগ
পটভূমি সমস্ত ব্যাকগ্রাউন্ড-xxx এর জন্য একটি শর্ট্যান্ড্যান্ড এবং একই সময়ে সমস্ত সেটআপ করতে ব্যবহার করা যেতে পারে
যোগ লেখক Arthur, উৎস
আপনার উত্তরের প্রথম অংশটি প্রয়োজনীয় নয়, দ্বিতীয়টি হল ভুল।
যোগ লেখক connexo, উৎস

Url (")" যোগ করার চেষ্টা করুন

background-image: url("/resources/images/pic.jpg")

and also provide a width & height for the element having the background image

2
যোগ
যে প্রয়োজনীয় নয় এবং কিছু পরিবর্তন হবে না।
যোগ লেখক connexo, উৎস

আপনি যোগ করার চেষ্টা করতে পারেন:

body, html {
  min-height: 100%;
}

এছাড়াও আমাদের html এবং body ট্যাগের জন্য কোনও কোড নেই। আমি আপনার সিস্টেম এটা পরিচালনা করা হয় অনুমান?

If No: You must update your index file:

<html>
  <head><!-- copy your head tag --></head>
  <body>
  </body>
</html>
1
যোগ
আমার যে ডাউনভোটেড ছিল না, কিন্তু শরীরের উপর ব্যাকগ্রাউন্ড কাজ করার জন্য উচ্চতা প্রয়োজন হবে না: jsfiddle.net/4ovLu69j ব্যবহার
যোগ লেখক Pete, উৎস

আপনি ইমেজ জন্য একটি 404 ত্রুটি হচ্ছে নাকি এটা দেখাচ্ছে না? এছাড়াও, আপনার শরীরের উপাদান নেই

1
যোগ

আপনি আপনার CSS সামঞ্জস্য করতে পারেন

শরীর {

background: url("/resources/images/pic.jpg")
background-position: center;
background-size: cover;
width:100%;

}

যদি আপনি কোনও পরিবর্তন দেখেন না, উপরে উল্লেখিত আর্থার হিসাবে আপনার CSS এ শরীরের উচ্চতাটি চেষ্টা করুন এবং পরিবর্তন করুন।

1
যোগ
উচ্চতা প্রস্থ নয়, প্রস্থ ইতিমধ্যে 100% ডিফল্ট (ব্লক)
যোগ লেখক Arthur, উৎস
@ আর্থার এমনকি উচ্চতা ২ কারণের জন্য নিরর্থক হবে (1) আমাদের উচ্চতাও থাকতে হবে: 100% এইচটিএমএল (2) পটভূমিতে সমস্ত ক্ষেত্রে প্রচারিত হবে এমনকি শরীরের 0 উচ্চতা
যোগ লেখক Temani Afif, উৎস

আপনার HTML এ কোন <�কোড> শরীর ট্যাগ নেই। আপনি এমন কিছুতে ব্যাকগ্রাউন্ড প্রয়োগ করার চেষ্টা করছেন যা বিদ্যমান নেই।

1
যোগ