คำถามติดแท็ก opacity

เป็นไปได้หรือไม่ที่ใช้ CSS เท่านั้นเพื่อสร้างbackgroundองค์ประกอบแบบกึ่งโปร่งใส แต่มีเนื้อหา (ข้อความและรูปภาพ) ขององค์ประกอบทึบแสง? ฉันต้องการทำสิ่งนี้ให้สำเร็จโดยไม่ต้องมีข้อความและพื้นหลังเป็นองค์ประกอบสองอย่างแยกกัน เมื่อพยายาม: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ดูเหมือนว่าองค์ประกอบของเด็กขึ้นอยู่กับความทึบของผู้ปกครองดังนั้นจึงopacity:1สัมพันธ์กับองค์ประกอบopacity:0.6ของผู้ปกครอง

2283 html  css  opacity 

การเปลี่ยน CSS สามารถใช้เพื่ออนุญาตให้ย่อหน้าข้อความจางในการโหลดหน้า? ฉันชอบวิธีที่มันดูบนhttp://dotmailapp.com/และชอบที่จะใช้เอฟเฟกต์ที่คล้ายกันโดยใช้ CSS โดเมนได้ถูกซื้อไปแล้วและไม่มีผลกระทบจากการกล่าวถึงอีกต่อไป สำเนาที่เก็บถาวรสามารถดูได้บนเครื่อง Waybackบนเครื่อง ภาพประกอบ มีมาร์กอัปนี้: <div id="test"> <p>​This is a test</p> </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ด้วยกฎ CSS ต่อไปนี้: #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s …

442 css  css-transitions  opacity 

มีวิธี CSS ตรงไปตรงมาที่จะทำให้เส้นขอบขององค์ประกอบกึ่งโปร่งใสด้วยอะไรเช่นนี้? border-opacity: 0.7; ถ้าไม่มีใครมีความคิดว่าฉันสามารถทำได้โดยไม่ต้องใช้ภาพหรือไม่?

409 css  opacity 

ขณะนี้ฉันมีรหัสนี้: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } มันกะพริบ แต่จะกะพริบเฉพาะใน "ทิศทางเดียว" ฉันหมายความว่ามันจะจางหายไปเท่านั้นและจากนั้นก็ปรากฏขึ้นopacity: 1.0อีกครั้งจากนั้นก็จางหายไปปรากฏขึ้นอีกครั้งและอื่น ๆ ... ผมอยากให้มันหายไปแล้ว "เพิ่ม" opacity: 1.0จากจางนี้กลับมาอีกครั้งเพื่อ เป็นไปได้ไหม

288 html  css  css-animations  opacity 

เป็นไปได้ไหมที่จะกำหนดความทึบของภาพพื้นหลังโดยไม่กระทบต่อความทึบแสงขององค์ประกอบลูก? ตัวอย่าง ลิงก์ทั้งหมดในส่วนท้ายจำเป็นต้องมีสัญลักษณ์แสดงหัวข้อย่อยที่กำหนดเอง (ภาพพื้นหลัง) และความทึบของกระสุนที่กำหนดเองควรเป็น 50% HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div> CSS #footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; } สิ่งที่ฉันได้ลอง ฉันพยายามตั้งค่าความทึบของไอเท็มในรายการเป็น 50% แต่จากนั้นความทึบของข้อความลิงก์ก็เช่นกัน 50% - และดูเหมือนจะไม่มีทางที่จะรีเซ็ตความทึบขององค์ประกอบลูกได้: #footer ul li { background: …

214 css  opacity 

ฉันมีปุ่มดังต่อไปนี้: <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> ในonCreate()กิจกรรมของฉันฉันโทรหา Button01 เช่นนี้ setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); มีพื้นหลังในแอปพลิเคชันและฉันต้องการตั้งความทึบของปุ่มส่งนี้ ฉันจะตั้งค่าความทึบสำหรับมุมมองนี้ได้อย่างไร เป็นสิ่งที่ฉันสามารถตั้งค่าบนฝั่ง java หรือฉันสามารถตั้งค่าในไฟล์ main.xml? ในด้าน java ฉันพยายามButton01.mutate().SetAlpha(100)แต่มันทำให้ฉันมีข้อผิดพลาด

211 android  button  view  opacity 

เมื่อใช้<canvas>องค์ประกอบHTML5 ฉันต้องการโหลดไฟล์รูปภาพ (PNG, JPEG และอื่น ๆ ) วาดลงในผืนผ้าใบอย่างสมบูรณ์แล้วจางหายไปฉันได้คิดวิธีการโหลดรูปภาพและวาดลงใน ผืนผ้าใบ แต่ฉันไม่รู้วิธีเปลี่ยนความทึบเมื่อวาดแล้ว นี่คือรหัสที่ฉันมี: var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } ใครบางคนจะโปรดชี้ฉันในทิศทางที่ถูกต้องเช่นสถานที่ให้ตั้งหรือฟังก์ชั่นการโทรที่จะเปลี่ยนความทึบ?

196 html  canvas  transparency  opacity  alpha 

ใช้น้อยฉันรู้ว่าฉันสามารถเปลี่ยนความอิ่มตัวหรือสีอ่อนของตัวแปรสี ดูเหมือนว่า: background: lighten(@blue, 20%); ฉันต้องการเปลี่ยนความทึบของสีของฉันเอง ชอบสิ่งนี้: background: alpha(@blue, 20%); มีวิธีการง่ายๆใน LESS หรือไม่?

171 css  variables  less  opacity  alpha 

ฉันใช้ CSS เพื่อระบุข้อความทริกเกอร์สำหรับส่วนสไลด์ลง jQuery: เช่นเมื่อคุณเลื่อนเมาส์ไปที่ข้อความทริกเกอร์เคอร์เซอร์จะเปลี่ยนเป็นตัวชี้และความทึบของข้อความทริกเกอร์จะลดลงเพื่อระบุว่าข้อความนั้นมีการคลิก . สิ่งนี้ใช้ได้ดีใน Firefox และ Chrome แต่ใน IE8 ความทึบจะไม่เปลี่ยนแปลง ฉันได้ลองการตั้งค่า CSS ที่หลากหลายโดยไม่ประสบความสำเร็จ ตัวอย่างเช่น HTML: <h3 class="slidedownTrigger">This is the trigger text</h3> CSS: .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 เปลี่ยนความทึบคืออะไร หมายเหตุ: ฉันได้ลองสิ่งนี้กับองค์ประกอบที่แตกต่างหลากหลายสลับไปตามลำดับของคำสั่ง CSS และใช้ IE ด้วยตัวเอง ฉันก็ลองใช้ดู …

143 css  internet-explorer-8  opacity 

ฉันต้องการตั้งค่าความทึบของพื้นหลังของ div โดยไม่ส่งผลกระทบต่อองค์ประกอบที่มีอยู่ใน IE 8 มีวิธีแก้ปัญหาใด ๆ และไม่ตอบโจทย์ในการตั้งค่ารูปภาพ 1 X 1 .png และตั้งค่าความทึบของรูปภาพนั้นเนื่องจากฉันใช้ความทึบแบบไดนามิกและผู้ดูแลระบบสีสามารถเปลี่ยนแปลงได้ ที่ ฉันใช้มัน แต่ไม่ทำงานใน IE 8 #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } และ rgba(0,0,0,0.3) ด้วย

112 css  internet-explorer-8  opacity 

ฉันใหม่มากกับ HTML / CSS และฉันกำลังพยายามแสดงข้อความบางส่วนเหมือนโปร่งใส 50% จนถึงตอนนี้ฉันมี HTML เพื่อแสดงข้อความที่มีความทึบเต็ม <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> อย่างไรก็ตามฉันไม่แน่ใจว่าจะเปลี่ยนความทึบได้อย่างไร ฉันพยายามค้นหาออนไลน์แล้ว แต่ฉันไม่แน่ใจว่าจะทำอย่างไรกับรหัสที่ฉันพบ

112 html  css  opacity 

ฉันมีองค์ประกอบที่มีข้อความอยู่ในนั้น เมื่อใดก็ตามที่ฉันลดความทึบฉันจะลดความทึบของร่างกายทั้งหมด มีวิธีใดบ้างที่ฉันสามารถทำให้background-imageสีเข้มขึ้นไม่ใช่อย่างอื่น? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

104 html  css  opacity 

ดูเหมือนจะมีปัญหากับหน้าของฉันที่นี่: http://www.lonewulf.eu เมื่อวางเมาส์เหนือภาพขนาดย่อรูปภาพจะเลื่อนไปทางขวาเล็กน้อยและจะเกิดขึ้นใน Chrome เท่านั้น css ของฉัน: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

92 css  image  google-chrome  hover  opacity 

ฉันต้องการทำให้พื้นหลังของเมนูรายการหายไปโดยใช้ความทึบโดยไม่ส่งผลต่อฟอนต์ เป็นไปได้ด้วย CSS3?

91 html  css  opacity 

ดังนั้นฉันกำลังมีปัญหา ฉันมองไปรอบ ๆ และมองไปรอบ ๆ แต่ไม่มีโชค ฉันต้องการทำให้พื้นหลังของร่างกายโปร่งใส แต่ปล่อยให้ข้อความไม่โปร่งใส อย่างที่เป็นอยู่ตอนนี้ฉันทำให้ทั้งสองมีความทึบเท่ากัน นี่คือรหัสของฉัน: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, …

87 html  css  text  opacity