Czy można ukryć określony obszar CSS
background image
za pomocą clip
? na przykład mam wiele ikon na obrazie, ale chcę pokazać tylko jedną ikonę. Ponieważ obszar Div jest większy niż rozmiar ikony, wyświetlane są również inne niepotrzebne ikony. Czy mogę je ukryć bez robienia kolejnego obrazu dla tej pojedynczej ikony?
Jsfiddle http://jsfiddle.net/jitendravyas/FyMW6/1/
2 odpowiedzi
Zasadniczo tworzysz kontener dla każdego obrazu, którego używasz do dyktowania obszaru obrazu.
HTML:
<div class="button">
<div class="text">Lorem ipsum dolor sit amet</div>
<div id="house" class="icons"></div>
</div>
CSS:
.button {
width: 300px;
float: left;
border:1px solid red
}
.text {
float: left;
width: 245px;
}
.icons {
background-image: url("http://www.smtusa.com/uploads/cssexample.jpg");
background-repeat: no-repeat;
width: 50px;
height: 50px;
float: right;
}
#house {
background-position: -56px -45px;
}
#gear {
background-position: -56px -106px;
}
Najprościej jest ustawić klasę do wyświetlania: none;
Podobne pytania
Nowe pytania
html
HTML (HyperText Markup Language) to język znaczników służący do tworzenia stron internetowych i innych informacji wyświetlanych w przeglądarce internetowej. Pytania dotyczące HTML powinny zawierać minimalny możliwy do odtworzenia przykład i pewne wyobrażenie o tym, co próbujesz osiągnąć. Ten tag jest rzadko używany samodzielnie i często jest łączony z [CSS] i [javascript].
clip
iBackground-Clip
, ale Twoje rozwiązanie będzie dla mnie działać.