143

আমি jQuery স্লাইড-ডাউন বিভাগের জন্য ট্রিগার পাঠ্যটি নির্দেশ করতে সিএসএস ব্যবহার করছি: উদাহরণস্বরূপ, আপনি যখন ট্রিগার পাঠ্যের উপরে ঘুরে দেখেন তখন কার্সারটি একটি পয়েন্টারে পরিবর্তিত হয় এবং ট্রিগার পাঠ্যটির অস্বচ্ছতাটি হ্রাস করা যায় যাতে বোঝা যায় যে পাঠ্যে ক্লিকের ক্রিয়া রয়েছে ।

এটি ফায়ারফক্স এবং ক্রোমে সূক্ষ্মভাবে কাজ করে তবে আই 8-তে অস্বচ্ছতা পরিবর্তন হয় না।

আমি কোনও সাফল্য ছাড়াই বিভিন্ন ধরণের সিএসএস সেটিংস চেষ্টা করেছি।

উদাহরণ স্বরূপ

এইচটিএমএল:

<h3 class="slidedownTrigger">This is the trigger text</h3>

সিএসএস:

.slidedownTrigger
{
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

অপরিচ্ছন্নতা পরিবর্তন IE কী থামছে? দ্রষ্টব্য: আমি সিএসএস বিবৃতিগুলির ক্রমটি অদলবদল করে এবং কেবলমাত্র নিজেরাই আই.আই. আমি ব্যবহার করার চেষ্টা করেছি

-ms-filter: "alpha(opacity=75)";

কিন্তু কোন সাফল্য সঙ্গে।

আইই 8-তে अस्पष्टতা পরিমার্জন করার চেষ্টা করার জন্য আমি প্রচুর কাজ শেষ করেছি।

কোন ধারনা?

css internet-explorer-8 opacity

— মার্কাস ডাউনিং
সূত্র

এই সম্পর্কিত / সদৃশ প্রশ্নের আপনার উত্তর রয়েছে বলে আমি মনে করি। stackoverflow.com/questions/859000/opacity-in-web-pages

— জেফ মার্টিন

আমি এই প্রশ্নটি দেখেছি - ঝামেলার উত্তর: & nbsp; & nbsp; ফিল্টার: আলফা (অস্বচ্ছতা = 50); / * ইন্টারনেট এক্সপ্লোরার / অনলাইন & nbsp; & nbsp; অস্বচ্ছতা: 0.5 / এফএক্স, সাফারি, অপেরা, ক্রোম * / & nbsp; & nbsp; -ms-Filter: "progID: DXImageTransform.Microsoft.Alpha (অস্বচ্ছতা = 50)"; / * IE8 * / আমার পক্ষে কাজ করে না (আমি কেবল আবার চেষ্টা করে ডাবল চেক করেছি)। আমি এটি এইচ 3 এ প্রয়োগ করেছি যা কালো এবং সাহসী ছিল। ফায়ারফক্স এবং ক্রোমে অস্বচ্ছতা সেটিংস শিরোনামটি ধূসর করে তোলে, যেমনটি আপনি প্রত্যাশা করেছিলেন তবে আইই 8-তে এটি কালো থাকে।

ওফস - মন্তব্যগুলিতে আপনি এইচটিএমএল ব্যবহার করতে পারবেন না বুঝতে পেরেছিলেন - তবে আমি মনে করি আপনি কী বলতে চাইছেন তা আপনি দেখতে পারবেন

যদি আপনি এই স্টাইলগুলি কেবল একটি শক্ত রঙ ডিভের জন্য চেষ্টা করেন তবে তারা কি কাজ করে? সম্ভবত সেখানে অন্য কিছু সিএসএস চলছে যা বিরোধমূলক।

— জেফ মার্টিন

সুন্দর. হ্যাঁ - যখন আমি একটি সাধারণ ডিভি করি, তখন এটির অস্বচ্ছতা সেটিংস সহ একটি উচ্চতা এবং প্রস্থ এবং লাল রঙের একটি পটভূমি রঙ দিন, এটি আইই 8 তে কাজ করে। এটি আধা অস্বচ্ছ থেকে বেরিয়ে আসে। সমস্যাটি কী তা দেখার জন্য আমি লড়াই করছি। আমি স্টাইলশিটে অন্য কোনও কিছুর अस्पष्टতা সংশোধন করছি না, তাই আমি কেবল IE এর জন্য এটির সাথে কি বিরোধ হতে পারে তা আমি ভাবতে পারি না।

65

এটি এখনও 8 টির জন্য প্রযোজ্য কিনা তা ধারণা নেই তবে historতিহাসিকভাবে আইআই "লেআউট নেই" এমন উপাদানগুলিতে একাধিক শৈলী প্রয়োগ করেন না।

দেখুন: http://www.satzansatz.de/cssd/onhavinglayout.html

— Azeem.Butt
সূত্র

9

আইআই "লেআউট নেই" এমন উপাদানগুলিতে একাধিক স্টাইল প্রয়োগ করে না।

— আজিম.বুট

4

গ্রেট! ধন্যবাদ। সমস্যা ছিল। আমি যে উপাদানগুলির জন্য अस्पष्टতা সামঞ্জস্য করার চেষ্টা করছিলাম (যেমন এইচ 3) "লেআউট ছিল না"। একবার আমি তাদের কিছু দিয়েছিলাম, অস্বচ্ছতা কাজ করে। আমি যা কিছু করেছি তা প্রস্থ যুক্ত ছিল: 100%; এইচ 3 যাও। আমাকে সঠিক দিকে নির্দেশ করার জন্য ধন্যবাদ। তবে এটি উন্মাদ বলে মনে হচ্ছে (বগি না হলে) ইন্টারনেট এক্সপ্লোরার এটি করে।

51

আইই প্রচুর উপাদানগুলিতে প্রচুর শৈলী প্রয়োগ করে না।

— ড্যানওয়েলম্যান

1

@ উদ্যানওলম্যান এবং তারপরে এটি প্রচুর অন্যান্য "মজাদার" জিনিসও দেয়। হ্যাঁ.

— দোয়াদওয়াদ

মজার বিষয় হচ্ছে, আই 7 এর জন্য "লেআউট" লাগবে না। আমি শূন্য উচ্চতার সাথে উপাদানটিতে প্রতিক্রিয়াশীল পটভূমি চিত্রটি ব্যবহার করছি padding-bottom: 100%এবং আইই 8 তে অস্বচ্ছতা কার্যকর না হয়েছি যতক্ষণ না আমি স্পষ্ট উচ্চতা নির্ধারণ করি। আই 7 এর এটির দরকার নেই।

— কাউট

158

এগুলি সেট করা (ঠিক যেমনটি আমি লিখেছি) আমার যখন প্রয়োজন হয় তখন তা পরিবেশন করে:

-moz-opacity: 0.70;
opacity:.70;
filter: alpha(opacity=70);

— গ্যাব্রিয়েল ম্যাকএডামস
সূত্র

6

ধন্যবাদ, আমি বিশ্বাস করি "ফিল্টার: আলফা (অস্বচ্ছতা = 70)" IE <8 এর জন্য। যাইহোক, এটি আইই 8 তে (আমার জন্য) কাজ করে না (আমি কেবল চেক করেছি)। -মোজেজ-अस्पष्टতা এখন আমি বিশ্বাস করি যে অসম্পূর্ণ, এবং অস্বচ্ছতা হ'ল কাজ করার মানক উপায় - তাই স্বাভাবিকভাবেই, মাইক্রোসফ্ট জিনিসগুলি করার উপায়টি ব্যবহার করেনি (খুব সহজ উপায়)।

15

আপনার বর্ণনা হিসাবে কেবল "অস্বচ্ছতা" এবং "ফিল্টার" সেট করা এফএফ 4 এবং আইই 8 উভয় ক্ষেত্রেই এটি আমার পক্ষে কাজ করার জন্য যথেষ্ট ছিল। -মজ-অস্বচ্ছতা প্রয়োজন ছিল না।

— ডেমোকোডমোনকি

1

@ গ্যাব্রিয়েল ম্যাকএডামস: ফিল্টার: আলফা (অস্বচ্ছতা = 70); কাজ করেছেন (তবে কেবলমাত্র 8-এ)

— পুনম ভট্ট

@ গ্যাব্রিয়েল যে একটি ট্রিট কাজ করেছে! আইই 7/8 এ আমার আর কোনও অস্বচ্ছতা সমস্যা হবে না!

— এমজেকডার

1

আরও নির্দিষ্ট তথ্য: প্রকৃতপক্ষে এটি বিবর্ণ হয় যে পদ্ধতিটি স্বচ্ছতা সরিয়ে দেয়।

— টমরল

49

আপনাকে মান-সম্মতিযুক্ত ব্রাউজারগুলির জন্য প্রথমে ওপাসিটি সেট করতে হবে, তারপরে IE এর বিভিন্ন সংস্করণ। উদাহরণ দেখুন:

তবে এই অস্বচ্ছ কোড ie8 এ কাজ করে না

.slidedownTrigger
{
    cursor: pointer;
    opacity: .75; /* Standards Compliant Browsers */
    filter: alpha(opacity=75); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

নোট করুন যে ফায়ারফক্স একটি স্ট্যান্ডার্ডস কমপ্লায়েন্ট ব্রাউজার হিসাবে আমি মোজকে মুছে ফেলেছি এবং সেই লাইনটির আর দরকার নেই। এছাড়াও, -খিটএমএল অবমূল্যায়ন করা হয়েছে, তাই আমি সেই স্টাইলটিও বাদ দিয়েছি।

তদ্ব্যতীত, আইআই এর ফিল্টারগুলি ডাব্লু 3 সি মানকে বৈধতা দেবে না, তাই আপনি যদি নিজের পৃষ্ঠাটি বৈধ করতে চান তবে নীচের মতো আইআই বিবৃতি ব্যবহার করে আপনার স্টাইলশিটটি আপনার আইই স্টাইলশিট থেকে আলাদা করুন:

<!--[if IE]>
<link rel="stylesheet" type="text/css"  href="http://www.mysite.com/css/ie.css" />
<![endif]-->

আপনি যদি ie quirks পৃথক, আপনার সাইট ঠিক জরিমানা করা হবে।

— কেভিন ফ্লোরিডা
সূত্র

3

আপনার বর্ণনা হিসাবে কেবল "অস্বচ্ছতা" এবং "ফিল্টার" সেট করা এফএফ 4 এবং আইই 8 উভয় ক্ষেত্রেই এটি আমার পক্ষে কাজ করার জন্য যথেষ্ট ছিল। "/ * পরবর্তী 2 টি লাইন আই 8 * /" লেবেলযুক্ত বিভাগটি প্রয়োজনীয় ছিল না।

— দৈত্যকোডমোনকি

3

নিবন্ধন করুন এগুলি নির্ভর করে আপনি কোন সংস্করণটি ইনস্টল করেছেন। আপনি যদি সর্বাধিক সামঞ্জস্যতা চান তবে আমি তাদের সকলের পরামর্শ দিই।

— কেভিন ফ্লোরিডা

সঠিক, তবে: "ইন্টারনেট এক্সপ্লোরার 7 এবং 8 উভয়ের ব্যবহারকারীরা ফিল্টারটি অনুভব করার গ্যারান্টি দিতে, আপনি উপরে তালিকাভুক্ত উভয় বাক্য গঠনকে অন্তর্ভুক্ত করতে পারেন our আমাদের পার্সারে একটি অদ্ভুততার কারণে আপনাকে পুরানো সিনট্যাক্সের আগে প্রথমে আপডেট করা বাক্য গঠনটি অন্তর্ভুক্ত করতে হবে সামঞ্জস্যতা দৃশ্যে ফিল্টারটি সঠিকভাবে কাজ করার জন্য (এটি একটি

— ত্রুটিযুক্ত ত্রুটি এবং আইই

@ কেভিন "আপনি যদি সর্বোচ্চ সামঞ্জস্যতা চান তবে আমি তাদের সকলের পরামর্শ দিই"। ঠিক আছে তো, আপনার -Mz-अस्पष्टতা অপসারণ করা উচিত ছিল না, তাই না?

— ভুতুড়ে

-এমএস-ফিল্টারের জন্য উদ্ধৃতিগুলি প্রয়োজনীয় নয়।

— thdoan

17

স্পষ্টতই আলফা স্বচ্ছতা IE 8 এর ব্লক স্তর উপাদানগুলিতে কাজ করে Set প্রদর্শন সেট করুন: ব্লক।

— বনি ভি।
সূত্র

17

ব্যবহার display: inline-block;IE8 উপর কাজ করে এই সমস্যার সমাধান করতে।

এফডাব্লুআইডাব্লু, opacity: 0.75সমস্ত মান-সম্মতিযুক্ত ব্রাউজারগুলিতে কাজ করে।

— crmpicco
সূত্র

5

সিএসএস

আমি সিএসএস-ট্রিকস থেকে নিম্নলিখিতগুলি ব্যবহার করতাম :

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

কম্পাস

তবে ওপাসিটি কমপাস মিক্সিন ব্যবহার করার একটি আরও ভাল সমাধান হ'ল আপনাকে যা করতে হবে তা হ'ল @include opacity(0.1);এটি আপনার জন্য ক্রস-ব্রাউজারের যে কোনও সমস্যা সমাধান করবে। আপনি এখানে একটি উদাহরণ খুঁজে পেতে পারেন ।

— d4nyll
সূত্র

2

আইই 8 এর উত্তর এখানে

এবং IE8 এ আলফা কাজ করার জন্য এটি কাজ করে আপনাকে সেই উপাদানটির মতো পজিশন অ্যাট্রিবিউট ব্যবহার করতে হবে

অবস্থান: আপেক্ষিক বা অন্য।

http://www.codingforums.com/showthread.php?p=923730

— লাল
সূত্র

2

উপরের কোনও উত্তর আমার পক্ষে কাজ করেনি, সুতরাং আমি কেবলমাত্র আমার ডিআইভি ট্যাগকে পরিবর্তে একটি স্বচ্ছ পটভূমি চিত্র দিয়েছি, যা সমস্ত ব্রাউজারের জন্য পুরোপুরি কাজ করে।

— ড্যারেন রিচেস
সূত্র

1

এই কোডটি কাজ করে

filter: alpha(opacity = 50); zoom:1;

এটি কাজ করার জন্য আপনার জুম সম্পত্তি যুক্ত করতে হবে :)

— mejiwara
সূত্র

1

আপনি IE6-8 এ দেশীয় অস্বচ্ছতা ব্যবহার সক্ষম করতে একটি পলিফিল যোগ করতে পারেন।

https://github.com/bladeSk/internet-explorer-opacity-polyfill

এটি একা স্ট্যান্ড পলিফিল যা jQuery বা অন্যান্য লাইব্রেরির প্রয়োজন হয় না। বেশ কয়েকটি ছোট ক্যাভ্যাট রয়েছে যা এটি ইন-লাইন শৈলীতে কাজ করে না এবং যে কোনও স্টাইল শীটের জন্য অস্বচ্ছতা পলফিল প্রয়োজন তাদের অবশ্যই একই-উত্সের সুরক্ষা নীতি মেনে চলতে হবে।

ব্যবহার সহজ সরল

<!--[if lte IE 8]>
    <script src="jquery.ie-opacity-polyfill.js"></script>
<![endif]-->

<style>
    a.transparentLink { opacity: 0.5; }
</style>

<a class="transparentLink" href="#"> foo </a>

— ক্রিস মেরিসিক
সূত্র

আইপি 8-তে অস্পষ্টতা CSS কাজ করছে না

সিএসএস

কম্পাস