के लिए काम नहीं कर रहा है मैं कुछ सामग्री के साथ छवियों को प्रदर्शित करने के लिए एक कैरोसेल का उपयोग कर रहा हूं। छवि दिखाने के लिए मैं क्लिप पथ का उपयोग कर रहा हूँ। यह क्रोम में पूरी तरह से दिखाता है, लेकिन यह आईई, एज, या फ़ायरफ़ॉक्स में काम नहीं करता है।क्लिप पथ फ़ायरफ़ॉक्स, आईई, या एज
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
display: inline-block;
max-width: 100%;
height: auto;
}
body {
background-image: url('../../Images/Plain-BG.PNG');
background-size: cover;
background-repeat: no-repeat;
font-family: Kamban !important;
}
footer {
background-image: url(../../Images/DT-Logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
position: absolute;
right: 10%;
top: 85%;
width: 100%;
padding-top: 5%;
}
.news-img {
width: 42.5%;
margin-top: 13%;
clip-path: polygon(6% 4%, 94% 11%, 94% 91%, 5% 92%);
margin-left: 8.5%;
}
.title {
margin: 0px;
width: 40%;
position: absolute;
top: 43%;
height: auto;
left: 57%;
color: #fff;
word-break: break-word;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
height: auto !important;
}
.title p {
line-height: 1.7em;
font-size: 2.5em;
text-align: center;
word-break: break-word;
}
header {
background-image: url(../../Images/Mukkiya-Seithigal.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
position: absolute;
top: 18%;
right: 4%;
width: 100%;
padding-top: 5%;
}
<div class="Maindiv">
<header></header>
<article>
<div id='carousel-container'>
<div class="carousel slide" data-ride="carousel">
<div class="wholediv carousel-inner">
</div>
</div>
</div>
</article>
<footer></footer>
</div>
मैं चित्र URL और एक स्क्रिप्ट के माध्यम से मेरे फ़ीड URL से अपनी सामग्री हो रही है। तो मैं केवल स्क्रिप्ट के माध्यम से विवरण बाध्यकारी हूँ।
IE और बढ़त क्लिप-पथ –
मैं यह कैसे दूर कर सकते हैं का समर्थन नहीं करते ?? –
एक पॉलीफिल है लेकिन मैंने व्यक्तिगत रूप से इसका उपयोग नहीं किया है इसलिए मैं सलाह नहीं दे सकता https://github.com/AlfonsoFilho/ClipPath –