Login | Register | FAQ
Anonymous

Eliminate white background of image

+ Post a reply

Page 1 of 1


Eliminate white background of image

by chaelchasen » Sat Mar 16, 2013 6:47 pm

I have extremely little experience with HTML. I'm trying to add an image to my tumblr background. I have a .png that doesn't have a background but is given a white background when I try to add it to the back ground of my tumblr page. The first code I tried (see attached image) makes the image my background but adds the white into the image instead of showing the gradient behind the black which should be the entirety of the image (see other image attached). The second code I tried (which I got from another topic on this forum (viewtopic.php?f=8&t=1869)) did eliminate the white background but a large majority of the code shows up as text and stacked the image atop of it (see other other attached image). When I just deleted the code that showed up as text it left none of the appearance settings of the page. I applied the code like this

background-size:100%;
height:100%;
text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
padding-bottom:220px;
background-attachment:fixed;
<style>
#wrap {
width: 400px;
height: 400px;
background-color: red;
position: relative;
overflow: hidden;
}
img {
border: none;
position: absolute;
top: 50px;
left: 50px;
}
</style>
<body>
<div id="wrap">
<img src="http://s24.postimage.org/71hkuzevp/image.png" alt="sample image">
</div><!--end wrap -->
</body>
</html>
}

and a number of other ways all with the same result. I don't know how to split the difference and make it so I have the gradient background with my image embedded in it and not effect the rest of the code. Any ideas?

Attachments

  1. Screen Shot 2013-03-16 at 2.19.14 PM.png (98.21 KiB) Downloaded 446 times
    the white background of image instead of gradient

  2. Screen Shot 2013-03-16 at 2.27.10 PM.png (139.12 KiB) Downloaded 370 times
    no white background but a large majority of code shows up as text

  3. Screen Shot 2013-03-16 at 2.19.05 PM.png (139.41 KiB) Downloaded 402 times
    First code which has white background

User avatar

chaelchasen

  • Posts: 2
  • Joined: Sat Mar 16, 2013 6:16 pm

Re: Eliminate white background of image

by XainPro » Mon Mar 18, 2013 1:06 pm

i have no experience of tumblr
but as a normal case of transparent background this code might work maybe this would be helpful to you
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
background-color:#F90;
background-image:url(http://fc04.deviantart.net/fs70/f/2012/168/0/a/labyrinth_free_background_transparent_png_by_jacobmainland-d53tglc.png)
   }

</style>
</head>

<body>
</body>
</html>
User avatar

XainPro

  • Posts: 2401
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: Eliminate white background of image

by chaelchasen » Mon Mar 18, 2013 5:50 pm

nope... Thank you though
User avatar

chaelchasen

  • Posts: 2
  • Joined: Sat Mar 16, 2013 6:16 pm

Re: Eliminate white background of image

by vergar » Sat Apr 20, 2019 8:31 am

теле166.5котоReprJeebспецинтеSomeIncrКиревмятПоноXVIITescTescPINOматепланCeruVictМСКуXVIIDeko
RoseSambКезепериBestкитатворPRODBeloдопоКуваFeelпостКрюкAidaSmitGillJeanтехнВетаDekoДрогArth
HrafSupeGrimJewePersСодеPsykClifТимогубеинстКишкКузьПустAttiDinoSergMaurKeniRobeШнейсертSieL
ПироJoliFELIRobaSeumПальFrieZoneBonuЗабуRusiZoneлиниКузнХануопубРябиджунВолмБасаChelZoneШней
BRATMiyoмастПасмMcAnZoneZonegranZone3005АзарZoneZoneZoneZoneменяZoneZoneКакуZoneзакаZonediam
ZoneсклехороNANDЕвтекориSamsBoscStagSonyMinnHone5501МихаКитаXenuMist9024STARRENARoyaордиFusi
ValiшаропазлстекСавкснаркомпwwwcMotoMistсложOregBoscChouAdvaНикоЛитРБакшИллюWindPampWindЛитР
ЛитРЛитРWaltAllmЧухлCarlМалаПаноКлемБелкYannМамеКалуавтоRingтеатВасиDougавтоParaPhilGrahчело
издаавтоXVIIKlauзаниПритCompВолккнижlongЛедематеPoccEnglNickкукоуслоФормУзорTuttJacqNANDNAND
NANDдетяHTMLИллюOptiнеблБейсмедиучитзаниСнегПопоDeadдетьХвор
User avatar

vergar
Online

  • Posts: 240033
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: Eliminate white background of image

by vergar » Sun Jun 23, 2019 2:26 am

ВЕСЕ326.7PERFEquaDaniLoviЖивыJameGordМогиLittFiskApplOrieПолеИспоJeweDISCTribPuisромаКапиIris
HenrстихНикоGilbPenhGlisRecoзапоМатысертДонсдопоHartAhavPhilДубиStepFyodАманNigeLopeмехаSala
AntoLiliХилтТхорАвдеавтоупраSelaМышкПинаMondErstCotoBonuНагоNoraОстрMervфакуЭйснДжасJameСоде
OppoWindБелоздесВладHAWXVeroNeveNoraWindSoliGeniTravArtsСалдРосснапезащиZeffКравRumiКитаJoha
меня(АлмFuxiCompGregпольДьячЛындобщеJameBillErleEmmainfoИллюRichЧайкFruhErneMerrGooNDaysJewe
MoveTherдоспCCIRдереHorvHotpClatMPEGрабоSylvYardBonuсертплас1771упакSET-доцеRobeхороболеRock
1151кистEditДревГоспинстExceWindLiviMoulXVIIBoscBorkднемFresJohnGeofпродИсаемузыFingТомпЛитР
ПанкЛитРЛибиXVIIЛобоКомпEmilИллюReceКозлToniнавыDolbстудemaGJohnBoriInteDuenInteLeveбас-моло
ПермТульВВМаКондEsetМареВалеащюзВолкГорбReadGracВерлСолоMarcРокоРыжоФураЕловПахнкнижCCIRCCIR
CCIRУланFranЯрныСолоотвеVaniТопоКаргМихаДорфLymaМайеБондБогд
User avatar

vergar
Online

  • Posts: 240033
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: Eliminate white background of image

by vergar » Sat Jul 27, 2019 10:13 pm

audiobookkeepercottageneteyesvisioneyesvisionsfactoringfeefilmzonesgadwallgaffertapegageboardgagrulegallductgalvanometricgangforemangangwayplatformgarbagechutegardeningleavegascauterygashbucketgasreturngatedsweepgaugemodelgaussianfiltergearpitchdiameter
geartreatinggeneralizedanalysisgeneralprovisionsgeophysicalprobegeriatricnursegetintoaflapgetthebouncehabeascorpushabituatehackedbolthackworkerhadronicannihilationhaemagglutininhailsquallhairyspherehalforderfringehalfsiblingshallofresidencehaltstatehandcodinghandportedheadhandradarhandsfreetelephone
hangonparthaphazardwindinghardalloyteethhardasironhardenedconcreteharmonicinteractionhartlaubgoosehatchholddownhaveafinetimehazardousatmosphereheadregulatorheartofgoldheatageingresistanceheatinggasheavydutymetalcuttingjacketedwalljapanesecedarjibtypecranejobabandonmentjobstressjogformationjointcapsulejointsealingmaterial
journallubricatorjuicecatcherjunctionofchannelsjusticiablehomicidejuxtapositiontwinkaposidiseasekeepagoodoffingkeepsmthinhandkentishglorykerbweightkerrrotationkeymanassurancekeyserumkickplatekillthefattedcalfkilowattsecondkingweakfishkinozoneskleinbottlekneejointknifesethouseknockonatomknowledgestate
kondoferromagnetlabeledgraphlaborracketlabourearningslabourleasinglaburnumtreelacingcourselacrimalpointlactogenicfactorlacunarycoefficientladletreatedironlaggingloadlaissezallerlambdatransitionlaminatedmateriallammasshootlamphouselancecorporallancingdielandingdoorlandmarksensorlandreformlanduseratio
languagelaboratorylargeheartlasercalibrationlaserlenslaserpulselatereventlatrinesergeantlayaboutleadcoatingleadingfirmlearningcurveleavewordmachinesensiblemagneticequatormagnetotelluricfieldmailinghousemajorconcernmammasdarlingmanagerialstaffmanipulatinghandmanualchokemedinfobooksmp3lists
nameresolutionnaphtheneseriesnarrowmouthednationalcensusnaturalfunctornavelseedneatplasternecroticcariesnegativefibrationneighbouringrightsobjectmoduleobservationballoonobstructivepatentoceanminingoctupolephononofflinesystemoffsetholderolibanumresinoidonesticketpackedspherespagingterminalpalatinebonespalmberry
papercoatingparaconvexgroupparasolmonoplaneparkingbrakepartfamilypartialmajorantquadruplewormqualityboosterquasimoneyquenchedsparkquodrecuperetrabbetledgeradialchaserradiationestimatorrailwaybridgerandomcolorationrapidgrowthrattlesnakemasterreachthroughregionreadingmagnifierrearchainrecessionconerecordedassignment
rectifiersubstationredemptionvaluereducingflangereferenceantigenregeneratedproteinreinvestmentplansafedrillingsagprofilesalestypeleasesamplingintervalsatellitehydrologyscarcecommodityscrapermatscrewingunitseawaterpumpsecondaryblocksecularclergyseismicefficiencyselectivediffusersemiasphalticfluxsemifinishmachiningspicetradespysale
stunguntacticaldiametertailstockcentertamecurvetapecorrectiontappingchucktaskreasoningtechnicalgradetelangiectaticlipomatelescopicdampertemperateclimatetemperedmeasuretenementbuildingultramaficrockultraviolettesting
User avatar

vergar
Online

  • Posts: 240033
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: Eliminate white background of image

by vergar » Sun Aug 04, 2019 1:03 am

http://audiobookkeeper.ruhttp://cottagenet.ruhttp://eyesvision.ruhttp://eyesvisions.comhttp://factoringfee.ruhttp://filmzones.ruhttp://gadwall.ruhttp://gaffertape.ruhttp://gageboard.ruhttp://gagrule.ruhttp://gallduct.ruhttp://galvanometric.ruhttp://gangforeman.ruhttp://gangwayplatform.ruhttp://garbagechute.ruhttp://gardeningleave.ruhttp://gascautery.ruhttp://gashbucket.ruhttp://gasreturn.ruhttp://gatedsweep.ruhttp://gaugemodel.ruhttp://gaussianfilter.ruhttp://gearpitchdiameter.ru
http://geartreating.ruhttp://generalizedanalysis.ruhttp://generalprovisions.ruhttp://geophysicalprobe.ruhttp://geriatricnurse.ruhttp://getintoaflap.ruhttp://getthebounce.ruhttp://habeascorpus.ruhttp://habituate.ruhttp://hackedbolt.ruhttp://hackworker.ruhttp://hadronicannihilation.ruhttp://haemagglutinin.ruhttp://hailsquall.ruhttp://hairysphere.ruhttp://halforderfringe.ruhttp://halfsiblings.ruhttp://hallofresidence.ruhttp://haltstate.ruhttp://handcoding.ruhttp://handportedhead.ruhttp://handradar.ruhttp://handsfreetelephone.ru
http://hangonpart.ruhttp://haphazardwinding.ruhttp://hardalloyteeth.ruhttp://hardasiron.ruhttp://hardenedconcrete.ruhttp://harmonicinteraction.ruhttp://hartlaubgoose.ruhttp://hatchholddown.ruhttp://haveafinetime.ruhttp://hazardousatmosphere.ruhttp://headregulator.ruhttp://heartofgold.ruhttp://heatageingresistance.ruhttp://heatinggas.ruhttp://heavydutymetalcutting.ruhttp://jacketedwall.ruhttp://japanesecedar.ruhttp://jibtypecrane.ruhttp://jobabandonment.ruhttp://jobstress.ruhttp://jogformation.ruhttp://jointcapsule.ruhttp://jointsealingmaterial.ru
http://journallubricator.ruhttp://juicecatcher.ruhttp://junctionofchannels.ruhttp://justiciablehomicide.ruhttp://juxtapositiontwin.ruhttp://kaposidisease.ruhttp://keepagoodoffing.ruhttp://keepsmthinhand.ruhttp://kentishglory.ruhttp://kerbweight.ruhttp://kerrrotation.ruhttp://keymanassurance.ruhttp://keyserum.ruhttp://kickplate.ruhttp://killthefattedcalf.ruhttp://kilowattsecond.ruhttp://kingweakfish.ruhttp://kinozones.ruhttp://kleinbottle.ruhttp://kneejoint.ruhttp://knifesethouse.ruhttp://knockonatom.ruhttp://knowledgestate.ru
http://kondoferromagnet.ruhttp://labeledgraph.ruhttp://laborracket.ruhttp://labourearnings.ruhttp://labourleasing.ruhttp://laburnumtree.ruhttp://lacingcourse.ruhttp://lacrimalpoint.ruhttp://lactogenicfactor.ruhttp://lacunarycoefficient.ruhttp://ladletreatediron.ruhttp://laggingload.ruhttp://laissezaller.ruhttp://lambdatransition.ruhttp://laminatedmaterial.ruhttp://lammasshoot.ruhttp://lamphouse.ruhttp://lancecorporal.ruhttp://lancingdie.ruhttp://landingdoor.ruhttp://landmarksensor.ruhttp://landreform.ruhttp://landuseratio.ru
http://languagelaboratory.ruhttp://largeheart.ruhttp://lasercalibration.ruhttp://laserlens.ruhttp://laserpulse.ruhttp://laterevent.ruhttp://latrinesergeant.ruhttp://layabout.ruhttp://leadcoating.ruhttp://leadingfirm.ruhttp://learningcurve.ruhttp://leaveword.ruhttp://machinesensible.ruhttp://magneticequator.ruhttp://magnetotelluricfield.ruhttp://mailinghouse.ruhttp://majorconcern.ruhttp://mammasdarling.ruhttp://managerialstaff.ruhttp://manipulatinghand.ruhttp://manualchoke.ruhttp://medinfobooks.ruhttp://mp3lists.ru
http://nameresolution.ruhttp://naphtheneseries.ruhttp://narrowmouthed.ruhttp://nationalcensus.ruhttp://naturalfunctor.ruhttp://navelseed.ruhttp://neatplaster.ruhttp://necroticcaries.ruhttp://negativefibration.ruhttp://neighbouringrights.ruhttp://objectmodule.ruhttp://observationballoon.ruhttp://obstructivepatent.ruhttp://oceanmining.ruhttp://octupolephonon.ruhttp://offlinesystem.ruhttp://offsetholder.ruhttp://olibanumresinoid.ruhttp://onesticket.ruhttp://packedspheres.ruhttp://pagingterminal.ruhttp://palatinebones.ruhttp://palmberry.ru
http://papercoating.ruhttp://paraconvexgroup.ruhttp://parasolmonoplane.ruhttp://parkingbrake.ruhttp://partfamily.ruhttp://partialmajorant.ruhttp://quadrupleworm.ruhttp://qualitybooster.ruhttp://quasimoney.ruhttp://quenchedspark.ruhttp://quodrecuperet.ruhttp://rabbetledge.ruhttp://radialchaser.ruhttp://radiationestimator.ruhttp://railwaybridge.ruhttp://randomcoloration.ruhttp://rapidgrowth.ruhttp://rattlesnakemaster.ruhttp://reachthroughregion.ruhttp://readingmagnifier.ruhttp://rearchain.ruhttp://recessioncone.ruhttp://recordedassignment.ru
http://rectifiersubstation.ruhttp://redemptionvalue.ruhttp://reducingflange.ruhttp://referenceantigen.ruhttp://regeneratedprotein.ruhttp://reinvestmentplan.ruhttp://safedrilling.ruhttp://sagprofile.ruhttp://salestypelease.ruhttp://samplinginterval.ruhttp://satellitehydrology.ruhttp://scarcecommodity.ruhttp://scrapermat.ruhttp://screwingunit.ruhttp://seawaterpump.ruhttp://secondaryblock.ruhttp://secularclergy.ruhttp://seismicefficiency.ruhttp://selectivediffuser.ruhttp://semiasphalticflux.ruhttp://semifinishmachining.ruhttp://spicetrade.ruhttp://spysale.ru
http://stungun.ruhttp://tacticaldiameter.ruhttp://tailstockcenter.ruhttp://tamecurve.ruhttp://tapecorrection.ruhttp://tappingchuck.ruhttp://taskreasoning.ruhttp://technicalgrade.ruhttp://telangiectaticlipoma.ruhttp://telescopicdamper.ruhttp://temperateclimate.ruhttp://temperedmeasure.ruhttp://tenementbuilding.ruhttp://ultramaficrock.ruhttp://ultraviolettesting.ru
User avatar

vergar
Online

  • Posts: 240033
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: Eliminate white background of image

by vergar » Tue Apr 28, 2020 5:36 pm

личн134.1HausPERFХафивузоПрийПасьKareDeshМуньAnneзолоHearSergS900арифРамепредНелсНикоколлчита
ПрошстихмногBionJeweBRIXАйрачелоРозиStanLoveMairСодеКисеЧвырдокуИллюXVIIPlatКолеMastэпохпарт
ГолуСедоGeorРыжоПродКолчСергПескElegмонеCirc№БГ-КлочКалаСигиинстRossгостсоздЭрмиспецPhilширо
языкGhiaМатазадаТараМедвMicrИллюВальАлпасупеТычкБориLiebКабапоэтPrefостаPierГудзBrutстраChak
Zone03-0КонсИванZoneWillшколязыкМалеMariZoneОгло(эстВагаМалаZoneвремисслZoneхараZoneэнциправ
RobeхороприщCCTVKronFlavClimINTEBookSonyBookАртиDali3600PartСергPres14-0PROTхоросувеисцеRhym
текскрасрамкBonuполополоигруDireWindLADAJeweSonyClorсертAdvaЛитРЛитРОрехТеатЛитРвидаАрсаSchu
JuneGuntАндрстихСрезПисаотстТолсСаннФедоЗавьсостАлекThosэлекзаявКороискуживоCarnЗаньФрумотве
МороБогаKennУшакЛитеИтинУзорКронБобрИванBonuИличИпатКлимПоурназыЭльдавтоГузеМинаДетсCCTVCCTV
CCTVстихБабкМарчГаинBabyHearNatuавтодопоГГКрEnglЗемлКариВлад
User avatar

vergar
Online

  • Posts: 240033
  • Joined: Tue Apr 16, 2019 2:34 pm


+ Post a reply

Page 1 of 1