প্রতিটি তালিকার উপাদানগুলির পরে একটি ছোট চিত্র সন্নিবেশ করার সর্বোত্তম উপায় কী হবে? আমি এটি ছদ্ম ক্লাস দিয়ে চেষ্টা করেছি তবে কিছু ঠিক নেই ...
ul li a:after {display: block;
width: 3px;
height: 5px;
background: url ('../images/small_triangle.png') transparent no-repeat;}কোন সাহায্যের জন্য ধন্যবাদ!
উত্তর:
এটি করার সহজ উপায় হ'ল:
ul li:after {
content: url('../images/small_triangle.png');
}<!DOCTYPE html>
এটা চেষ্টা কর:
ul li a:after {
display: block;
content: "";
width: 3px;
height: 5px;
background: transparent url('../images/small_triangle.png') no-repeat;
}content: "";আপনার উত্পন্ন উপাদান সামগ্রী দেওয়ার জন্য আপনাকে ঘোষণার দরকার , এমনকি যদি সেই সামগ্রীটি "কিছুই না" থাকে।
এছাড়াও, আমি আপনার backgroundঘোষণার বাক্য গঠন / ক্রম সংশোধন করেছি ।
left: 50%কারণ এটি মাঝখানে সংযুক্ত হবে না। এর left: 0; width: 100%পরিবর্তে পটভূমি অবস্থানটি 50% এ সেট করুন। আমার জন্য ভাল কাজ করে। প্রয়োজনীয় contentবৈশিষ্ট্য সম্পর্কে টিপটির জন্য ধন্যবাদ ।
background-size: container
আইই 8 সমর্থনের জন্য, "সামগ্রী" সম্পত্তি খালি থাকতে পারে না।
এটি পেতে আমি নিম্নলিখিত কাজগুলি করেছি:
.ul li:after {
content:"icon";
text-indent:-999em;
display:block;
width:32px;
height:32px;
background:url(../img/icons/spritesheet.png) 0 -620px no-repeat;
margin:5% 0 0 45%;
}দ্রষ্টব্য: এটি চিত্রের স্প্রাইটগুলির সাথেও কাজ করে
আমি মনে করি আপনার সমস্যাটি হ'ল: পরিকল্পিত উপাদানগুলির পরে বিষয়বস্তুর প্রয়োজন হয়: এর ভিতরে সম্পত্তি সেট করা থাকে। কিছু sertোকানোর জন্য আপনাকে এটি বলতে হবে। এমনকি আপনি এটি সরাসরি চিত্রটি সন্নিবেশ করিয়ে দিতে পারেন:
ul li:after {
content: url('../images/small_triangle.png');
}এটি করার জন্য আমার সমাধান:
li span.show::after{
content: url("/sites/default/files/new5.gif");
padding-left: 5px;
}