এইচটিএমএল একটি URL এর src পথে একটি স্তর কিভাবে যেতে?

Question

আমি কোনও ওয়েবসাইটের জন্য {মূল} / চিত্রগুলিতে {মূল} / শৈলীতে স্টাইল শিটগুলি সঞ্চয় করছি। নির্দিষ্ট চিত্রগুলির জন্য চিত্র ডিরেক্টরিতে সন্ধানের জন্য স্টাইল শিটগুলিতে আমি কীভাবে পথ দেব?

যেমন ইন background-image: url('/images/bg.png');

Answer 1

..মূল ডিরেক্টরি নির্দেশ করতে ব্যবহার করুন :

background-image: url('../images/bg.png');

Comments

আমি যে অন্য কোথাও পড়তে- কিন্তু এটি কাজ করে না! (কমপক্ষে ক্রোমে)

— স্বীকৃত

এটা করে. তবে লক্ষ্য করুন যে অবস্থানটি সিএসএস ফাইলের অবস্থানের সাথে সম্পর্কিত, সিএসএস ফাইল এম্বেড করার নথি নয়।

— চোরমাস্টার

@ থিফমাস্টার এটি হওয়া উচিত যদি আমরা কেবল ইনলাইন সিএসএস

— 1000 জিবিপিএস

Answer 2

আপেক্ষিক ফাইল পাথ সম্পর্কে আপনার যা জানতে হবে তা এখানে:

• থেকে শুরু করে / রুট ডিরেক্টরি এবং আয় শুরু সেখানে

• ../একটি ডিরেক্টরি পিছনে সরানো দিয়ে শুরু করে সেখানে শুরু হয়

• ../../দুটি ডিরেক্টরি পিছনে সরানো দিয়ে শুরু করে সেখানে শুরু হয় (এবং আরও ...)

• এগিয়ে যেতে , কেবল প্রথম সাব ডিরেক্টরিটি দিয়ে শুরু করুন এবং এগিয়ে চলুন keep

আরও তথ্যের জন্য এখানে ক্লিক করুন!

Answer 3

ব্যবহার ../:

background-image: url('../images/bg.png');

আপনি এটি যতবার ইচ্ছা ব্যবহার করতে পারেন, উদাহরণস্বরূপ ../../images/বা এমনকি বিভিন্ন পজিশনে যেমন ../images/../images/../images/( ../images/অবশ্যই একই )

Answer 4

Chrome এ যখন আপনি কোনও HTTP সার্ভার থেকে কোনও ওয়েবসাইট লোড করেন তখন উভয় পরম পাথ (যেমন /images/sth.png) এবং কিছু উপরের স্তরের ডিরেক্টরিতে আপেক্ষিক পাথ (যেমন../images/sth.png ) কাজের ।

কিন্ত!

যখন আপনি স্থানীয় ফাইল সিস্টেম থেকে কোনও HTML ডকুমেন্ট লোড করেন (ক্রোমে!) আপনি বর্তমান ডিরেক্টরি থেকে উপরে ডিরেক্টরিগুলি অ্যাক্সেস করতে পারবেন না। অর্থাৎ আপনি অ্যাক্সেস করতে পারবেন না ../something/something.sthএবং নিখুঁত বা অন্য কোনও কিছুতে আপেক্ষিক পথ পরিবর্তন করতে সহায়তা করবে না।

Comments

পুনরায় যাচাই করার পরে, আমি জানাতে পারি যে স্থানীয় ফাইল সিস্টেমটি আপেক্ষিক-পাথগুলি ../কাজ করে কাজ করে - বা কমপক্ষে এই নির্দিষ্ট ক্ষেত্রে সূক্ষ্মভাবে কাজ করে!

— aateeque

এটি ম্যাকের (আমার অভিজ্ঞতা) নয়, লিনাক্স এবং উইন্ডোতে কাজ করে

— gabn88

লিঙ্কগুলি এখানে গণনা করা হয় না কারণ তাদের জন্য কোনও একই উত্স চেক নেই। এছাড়াও এই উত্তরটি 6 বছরের পুরানো তাই ব্রাউজারগুলি হয়ত অনেক কিছু পরিবর্তিত হতে পারে।

— jaboja

আমি উত্তরটি দেখার জন্য যে কারও পক্ষে কেবল নিশ্চিত হয়ে যাচ্ছি

— অজয়

Answer 5

ধরা যাক আপনার নিম্নলিখিত ফাইলের কাঠামো রয়েছে:

-css
  --index.css
-images
  --image1.png
  --image2.png
  --image3.png

সিএসএসে আপনি image1লাইনটি ব্যবহার করে উদাহরণস্বরূপ অ্যাক্সেস করতে পারেন../images/image1.png ।

দ্রষ্টব্য : আপনি যদি ক্রোম ব্যবহার করছেন তবে এটি কাজ করবে না এবং আপনি একটি ত্রুটি পাবেন যা ফাইলটি খুঁজে পাওয়া যায় নি। আমার একই সমস্যা ছিল, তাই আমি ক্রোম থেকে পুরো ক্যাশে ইতিহাস মুছে ফেলেছিলাম এবং এটি কার্যকর হয়েছে।

Answer 6

আপনি যদি স্টাইলশিট / চিত্রগুলি কোনও ফোল্ডারে সঞ্চয় করেন যাতে একাধিক ওয়েবসাইটগুলি সেগুলি ব্যবহার করতে পারে, বা আপনি একই সার্ভারের অন্য কোনও সাইটে একই ফাইলগুলি পুনরায় ব্যবহার করতে চান তবে আমি খুঁজে পেয়েছি যে আমার ব্রাউজার / অ্যাপাচি আমাকে যেতে দেয় না ওয়েবসাইটের মূল ইউআরএলের উপরে যে কোনও মূল ফোল্ডার। এটি সুরক্ষা কারণেই সুস্পষ্ট বলে মনে হচ্ছে - নির্দিষ্ট ওয়েব ফোল্ডারগুলি বাদে অন্য কোনও জায়গায় সার্ভারে ব্রাউজ করতে সক্ষম হওয়া উচিত নয়।

যেমন। কাজ করে না: www.mywebsite.com/../ চিত্রসমূহ

কার্যকারণ হিসাবে, আমি সিমলিংকগুলি ব্যবহার করি:

Www.mywebsite.com ডিরেক্টরিতে যান ln -s ../images চিত্র কমান্ডটি চালান

এখন www.mywebsite.com/images www.mywebsite.com/../images এ নির্দেশ করবে